首页 > 代码库 > easyui datagrid 列中的checkbox 动态绑定

easyui datagrid 列中的checkbox 动态绑定

  1. 根据数据中的值来选择绑定checkbox

    根据值来找到需要选择的行,存入控件中

    $(document).ready(function () {

                //呈现列表数据
                $(‘#Table1‘).datagrid({
                    pagination: true,
                    rowStyler: function (index, row) {
                        if (row.ZT == 1) {//那么数据的id字段小于10的,将显示为灰色字体
                            //$(‘#Table1‘).datagrid("checkRow", index)
                            document.getElementById(‘aa‘).value += index + ",";
                            //return ‘color:#0094ff‘;//和一般的样式写法一样
                        }
                    }
                });
            }); 

    遍历行 选择checkbox

    

  $(document).ready(function () {
                $(‘#Table1‘).datagrid({
                    onLoadSuccess: function (data) {
                        var a = document.getElementById(‘aa‘).value.split(‘,‘);
                        for (var i = 0; i < a.length; i++) {
                            $(‘#Table1‘).datagrid("checkRow", a[i])
                        }

                        //$(‘#Table1‘).datagrid(‘selectAll‘);全选
                    }
                });
            });


本文出自 “罗铭之家” 博客,请务必保留此出处http://2510495.blog.51cto.com/2500495/1588213

easyui datagrid 列中的checkbox 动态绑定