zoukankan      html  css  js  c++  java
  • EasyUI datagrid 格式 二

     单击保存,改表的状态

     { field: 'ck', checkbox: true },
    
    $("tr").each(function () {
    if ($(this).find("input:checkbox[name='ck']").prop("checked")) {
    var temp = $(this).find("td").eq(10)[0].innerHTML;
    $(this).find("td").eq(10)[0].innerHTML = temp.replace("打开","关闭);
    }
    });

    行白灰变色

                    rowStyler: function (index, row) {
                        if ((index % 2) == 0) {
                            return 'background-color:#ffffff;color:#fff;';
                        }
                        else {
                            return 'background-color:#F7F7F7;color:#fff;';
                        }
                    },
    $('#Cse_Bespeak_Log').datagrid('getRows') 获取所有行
    $('#Cse_Bespeak_Log').datagrid('getSelected');获取选中一行
    $('#Cse_Bespeak_Log').datagrid('getSelections') 获取选中多行
    排序
    sortName: 'unitcost',    
    sortOrder: 'asc',
    columns: [[
                {
                    field: 'chose', checkbox: true, title: '编号', sortable: true,
                },
    
     public JsonResult Data(int page,int rows,string sort,string oder)

     翻页选 

    
    


    var proIds = [];

    
    

    var fileview = $.extend($.fn.datagrid.defaults.view, { onAfterRender: function (target) {
    for (var i = 0; i < proIds.length; i++) {
    $('#checkProductDataList').datagrid('selectRecord', proIds[i]); //根据id选中行
    }
    }});
    function checkExist(proId) {
    for (var i = 0; i < proIds.length; i++) {
    if (proIds[i] == proId) return i;
    }
    return -1;
    }




    idField: 'itemid',
    , onLoadSuccess:function(data){
    if(data){ $.each(data.rows, function(index, item){ if (item.IsSelectItem) { $('#Cse_Bespeak_Log').datagrid('checkRow', index); } }) } }, onCheck:function(rowIndex, rowData){ //单个复选框被选中时触发 var rows = $('#Cse_Bespeak_Log').datagrid('getChecked'); for (var i = 0; i < rows.length; i++) { if (checkExist(rows[i].itemid) == -1) { //这里-1,因为后台传输的数据最后多带了个逗号,在这里-1可以少循环一次,可以根据自己情况优化 proIds.push(rows[i].itemid); } } }, onCheckAll:function(){ //批量复选框选中时触发 var rows = $('#Cse_Bespeak_Log').datagrid('getChecked'); for (var i = 0; i < rows.length; i++) { if (checkExist(rows[i].itemid) == -1) { proIds.push(rows[i].itemid); } } }, onUncheck:function(rowIndex, rowData){ //单记录复选框取消时触发 var k = checkExist(rowData.itemid); if (k != -1) { proIds.splice(k, 1); } }, onUncheckAll:function(rows){ //批量复选框取消选中时触发 for (var i = 0; i < rows.length; i++) { var k = checkExist(rows[i].itemid); if (k != -1) { proIds.splice(k, 1); } } }

     取消选择

    $("#Table").datagrid("clearChecked");
    $("#Table").datagrid("clearSelections");
  • 相关阅读:
    C语言实验报告(二)
    C语言实验报告(一)
    Modbus通信
    clip_region_rel&clip_region
    字符分割时对粘连字符的处理方法
    Labview读取二维码
    LabVIEW访问Access数据库教程
    利用Halcon寻找出边缘突出的部分
    利用Halcon提取出器件的中心部分
    Halcon中对于Tuple数据类型的操作
  • 原文地址:https://www.cnblogs.com/LiuFengH/p/9497737.html
Copyright © 2011-2022 走看看