zoukankan      html  css  js  c++  java
  • jqgrid操作列循环显示三个按钮

    首先ajax取数据

    $.ajax(
    {
    type: "get",
    url: "../../MECManage/TJYY/collect",
    cache: false,
    async: false,
    data: { coljson: JSON.stringify(coljson) },
    dataType: 'json',
    error: function () {
    alert("数据出错!");
    },
    success: function (data) {

     DrawListTwo(data,gridTables)

    //后面的参数是放表格table的ID

    }

    function DrawListTwo(data, id) {
    var colModelData = [{ name: "clus_code", label: "编号", hidden: true },

    { name: "clus_name", index: "clus_name", label: "套餐", 130 }, { name: "price", label: "价格", '55px' }, {
    name: "process",
    index: "process",
    label: "操作",
    125,
    sortable: true,
    align: 'center'
    }
    ];
    var $gridTables = $("#" + id);
    $gridTables.jqGrid({
    datatype: "local",
    styleUI: 'Bootstrap',
    data: data.lnc,
    height: 550,
    auto true,
    colModel: colModelData,
    sortorder: 'desc',
    rownumbers: true,
    shrinkToFit: false,
    //height: 340,
    viewrecords: true,
    gridComplete: function () {
    var ids = jQuery("#gridTables").jqGrid('getDataIDs');
    for (var i = 0; i < ids.length; i++) {
    var cl = ids[i];
    update = "<input type='button' value='编辑' onclick='updateCollect(" + cl + ")'/>&nbsp;";
    copy = "<input type='button' value='复制' onclick='deleteStu("
    + cl + ")'/>&nbsp;";
    delet = "<input type='button' value='删除' onclick='viewStu("
    + cl + ")'/>";
    jQuery("#gridTables").jqGrid('setRowData',
    ids[i], {
    process: update + copy + delet
    });
    }
    }
    });
    }

  • 相关阅读:
    模板汇总 —— 杨式图表
    HDU 6634 网络流最小割模型 启发式合并
    网络流 从0开始学建图
    分层图 单调决策性DP
    模板汇总——笛卡尔树
    Bzoj 2127 happiness 最小割
    manacher --- 暂 旧版本
    Bzoj 3730 震波 动态点分治
    HDU
    Maven私服(Repository Manager)
  • 原文地址:https://www.cnblogs.com/xuelishuyue/p/6892882.html
Copyright © 2011-2022 走看看