zoukankan      html  css  js  c++  java
  • jqgrid自带多选与单选

    {include file="public/header"/}
    
    
    
    <div class="container" style="margin:10px 20px;">
       
        <div class="grid-wrap">
            <table id="grid">
            </table>
            <div id="page"></div>
        </div>
    </div>
    
    <script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
    <script type="text/javascript" src="/public/static/admin/easyui/jeasyui/jquery.easyui.min.js"></script>
    
    <script>
        $(document).ready(function () {
    
            $("#grid").jqGrid({
                url:'/admin/basic/choose_source_list.html?ajax=100',
                datatype: "json",//数据来源,本地数据(local,json,jsonp,xml等)
                height:'290px',//高度,表格高度。可为数值、百分比或'auto'
                // Public.setGrid().w,
                //height: Public.setGrid().h,
                colNames: [ "源单编号", "业务类别", "单据日期", "单据金额","已核销金额","未核销金额","备注",'ID'],
                colModel:[
                    {name:'sn', 120,lable:'源单编号'},
                    {name:'o_type_name', 80,lable:'业务类别'},
                    {name:'dj_time', 70,lable:'单据日期'},
                    {name:'dj_jine', 100,lable:'单据金额'},
                    {name:'already_jine', 100,lable:'已核销金额'},
                    {name:'not_jine', 100,lable:'未核销金额'},
                    {name:'mark', 150,lable:'备注'},
                    {name:'id', hidden:true},
                   ],
                  
                 rowNum:10,
                 rowList:[10,20,30],
                 sortname: 'id',
                 sortorder: "desc",
                 pagerpos:"left",//分页位置
                 
                 pgbuttons:true,//翻页按钮
                 pagination:true,
                 altRows: !0,
                gridview: !0,
                shrinkToFit: !1,
                cellLayout: 8,
                auto !0,
                pager: "#page",
                viewrecords: !0,
                checkOnSelect: true,
                multiselect:true,//自带多选
                //multiboxonly:true,//变成单选
                cmTemplate: {
                    sortable: !1,
                    title: !1
                },
                loadError: function(t, e, i) {
                    parent.Public.tips({
                        type: 1,
                        content: "操作失败了哦,请检查您的网络链接!"
                    })
                },
                gridComplete: function() {
                    var rowIds = $("#grid").jqGrid('getDataIDs');
                    for(var k=0; k<rowIds.length; k++) {
                       var curRowData = $("#grid").jqGrid('getRowData', rowIds[k]);
                       var curChk = $("#"+rowIds[k]+"").find(":checkbox");
                       curChk.attr('name', 'checkboxname');   //给每一个checkbox赋名字
                       curChk.attr('value', curRowData['id']);   //给checkbox赋值
                       //curChk.attr('title', curRowData['id'] );   //给checkbox赋予额外的属性值
                       //curChk.attr('checked', 'true');   //设置所有checkbox被选中
                    }
                },
               });
    
        });
    
    
    
    </script>
    <script type="text/javascript">
        function aaa(){
    
            //判断是否至少有一个选中
            if($('.cbox').is(':checked')) {
                console.log("111");
            }else{
                console.log("000");
            }
            var ids = [];
            $("#grid input:checkbox[name='checkboxname']:checked").each(function(i){
               ids.push($(this).val());
               //ids.push($(this).attr("title"));
            });
            console.log(ids);
         for(var p=0; p<ids.length; p++){
            alert(ids[p]);
         } }
    </script> {include file="public/footer"/}
  • 相关阅读:
    创建了对嵌入的互操作程序集间接引用,无法嵌入互操作类型
    演练:Office 编程(C# 和 Visual Basic)
    【MySQL案件】ERROR 1418
    Quartus II 11.0破发点(不同的是低版本号)
    Arduino 数码管LED驱动器 阵列方法
    HDU1312 Red and Black 解读
    UVA714- Copying Books(最大最小化)
    最大流量dinci模板
    Python 实现类似PHP的strip_tags功能,并能够定义他们自己的一套保留标记
    从源代码分析modelDriven拦截器和params拦截器和拦截器prepare 和paramsPrepareParamsStack拦截器栈(让你的Struts2代码更简洁——如何培养框架设计能力
  • 原文地址:https://www.cnblogs.com/zhangyouwu/p/15178890.html
Copyright © 2011-2022 走看看