设置MiniUI Datagrid setData错误json error解决方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置MiniUI Datagrid setData错误json error解决方法相关的知识,希望对你有一定的参考价值。

背景
公司购买的MiniUI,改造现有项目Table表格时,官网API未提供静态数据案例,导致各种失败

解决方案
上官网论坛,看到有人说grid.load()是相对于url使用的,去掉就好了

正确的setData使用方法

     <div id="datagridTable" class="mini-datagrid" style="width:100%;min-height: 300px;" allowResize="true" idField="id" multiSelect="true"
     showEmptyText="true" emptyText="您好:系统暂无数据,请新增!">
        <div property="columns">
            <div type="indexcolumn" width="10" headerAlign="center">序号</div>      
            <div field="name" width="120" headerAlign="center" allowSort="false">姓名</div>
            <div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>  
        </div>
    </div>
    
var grid = mini.get("datagrid1");
var data  = new Array();
data.push({"name":"张三"});
data.push({"name":"李四"});
grid.setData();


结束

完成静态设置,请注意不要使用load()方法


以上是关于设置MiniUI Datagrid setData错误json error解决方法的主要内容,如果未能解决你的问题,请参考以下文章

沫沫金miniui表格DataGrid动态Combobox功能实现

miniui 怎么设置控件visiable

miniui 允许拖拽调节列宽度

miniui 有没有只选择年份的控件?

怎样设置datagrid的行高

Java Web 中使用 jQuery miniui报错