0

扫一扫用手机浏览

文章目录 [+]

把稳点:数据中有控件须要渲染

<script type=\公众text/javascript\"大众>

easyuidatagrid乱码php技巧_jQuery EasyUI进修02datagrid控件整理

$(function(){

easyuidatagrid乱码php技巧_jQuery EasyUI进修02datagrid控件整理
(图片来自网络侵删)

/

当列中有动态的数据和按钮的,比如:

<a id='btn' href='#' class='e9e233d7ca041308 easyui-linkbutton' >预定</a>

直接写出这样是不会显示按钮的。

要把稳js代码的实行顺序。

首先,加载页面完毕,后把js+css等库加载上。

其次,这些库再渲染组件。

然后,加载json数据,a标签才来,这时已不会渲染。

以是,在数据加载完毕之后再做渲染(便是通过js创建)。

/

$(\"大众#datagrid\"大众).datagrid({

columns:[[ //用二位数组的办法

{\"大众checkbox\"大众:true},

{title:\"大众车次\"大众,width:100,field:'ceci'},

//title中可以添加标签

{title:\"大众出发站<br>终点站\公众,width:100,field:'startstate'},

{title:\"大众出发韶光<br>到达韶光\"大众,width:100,field:'starttime'},

{title:\"大众历时\"大众,width:100,field:'totaltime'},

{title:\公众商务座\"大众,width:100,field:'swz'},

//预订按钮

{title:\"大众备注\"大众,width:100,field:'bz'}

]],

//自动展开/紧缩列的大小

fitColumns:true,

//要求数据

url:\"大众datagrid.json\"大众,

//顶部工具栏

toolbar:

[{

text:\"大众修正\公众,

iconCls: 'icon-edit',

handler: function(){

alert('编辑按钮')

}

},'-',{

text:\公众删除\公众,

iconCls: 'icon-help',

handler: function(){

alert('帮助按钮')

}

}]

,

//在数据加载成功的时候触发。

onLoadSuccess:function(){

$(\"大众#btn\公众).linkbutton({

iconCls:\公众icon-add\公众

})

},

//在从远程站点加载数据的时候显示提示。

loadMsg:\公众数据正在加载中....\"大众,

method:\"大众POST\"大众,

//如果为true,则在DataGrid控件底部显示分页工具栏。

pagination:true,

//如果为true,则显示一个行号列。

rownumbers:true,

//如果为true,则只许可选择一行。

singleSelect:true,

//是否显示斑马线效果。

striped:true

})

})

</script>

标签:

相关文章