zoukankan      html  css  js  c++  java
  • 前台 js easyUI datagrid 杂记 验证(disable)

    $("#car_id").droplist({
    panelWidth:'450',
    panelHeight:'auto',
    idField : 'car_id',
    textField : 'car_law_id',
    mainTable:{tableName:'tcp_base_car_info',tableAlias:'u'},
    joinTable:[
    {tableName:'tcp_vehicle_oil_card',tableAlias:'o',joinType:'left join',joinKey:'o.org_id = u.org_id'}
    ],
    columns : [[
    {field:'car_law_id',columnAlias:'u',title: '车牌号' ,align:'center', 146},
    {field:'car_model',columnAlias:'u',title: '车型',align:'center', 146},
    {field:'org_id',columnAlias:'u',title: '部门id',align:'center', 146},
    {field:'car_id',columnAlias:'u',title: '车id',align:'center', 100,hidden:'true'},
    {field:'car_band',columnAlias:'u',title: '车辆品牌',align:'center', 100,hidden:'true'},
    {field:'car_status',columnAlias:'u',title: '车辆状态',align:'center', 100,hidden:'true'},
    {field:'use_fuel_per_100',columnAlias:'u',title: '油耗指标',align:'center', 60,hidden:'true'},
    {field:'main_card_no',columnAlias:'o',title: '油卡号',align:'center', 60,hidden:'true'}
    ]],
    onCheck: function (rowIndex, rowData){
    $('#car_law_id').val(rowData.car_law_id);
    $("#org_id").combogrid("setValue", rowData.org_id);
    $("#car_type").combogrid("setValue", rowData.car_model);
    $("#car_brand").combobox("setValue", rowData.car_band);
    $("#car_status").combobox("setValue", rowData.car_status);
    $("#fuel_quota").val(rowData.use_fuel_per_100);
    oilCard = rowData.main_card_no;
    fuel_quota = rowData.use_fuel_per_100;
    },
    });

    1.获取datagrid列表这所显示的所有数据。 

    var rows = $("#datagridID").datagrid("getRows"); 这段代码是获取当前页的所有行。
    ---------------------------------------------------------------------------
    2.loadData方法,这个方法有比较大的不同,首先它加载的本地数据,就是不会跟后台什么的有交互,它的使用方式是
    $("#datagridID").datagrid("loadData", “total”:”30″,rows:[] );


    easyui 中 datagrid 排序问题

    当我们设置按照某列排序时,datagrid添加属性:sortName:排序的列,sortOder:'ASC'或'DESC',remoteSort:false,

    其中remoteSort属性,默认为true,如果对本地数据排序必须设置为false 

    实现点击列表头可以排序还要再列的属性中添加 列的sortable属性

    以下默认按照'gridName'升序排列

    sortOrder: 'asc',

       sortName: 'gridName',
       remoteSort:false,

      columns:[[
                        
                {field:'villageName',title:'村居名称',100,align:'center',sortable:'true'},
                {field:'gridName',title:'网格名称',100,align:'center',sortable:'true'}]]

    ---------------------------------------------------------------------------------------------------------------

    //快捷键保存方法

    $(document).keyup(function (e) {
    if (e.keyCode == 13 ) {
    $('#tms_trans_goods_bill_detail').datagrid("endEdit",selectIndex);
    calculate();
    }
    });

    -----------------------------------------------------------------------------------------------

    使用JS动态生成一串长度为32的流水号,以下方法可以实现

    1. <script>  
    2.         function randomString(len) {    
    3.           len = len || 32;    
    4.           var $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';    
    5.           var maxPos = $chars.length;    
    6.           var pwd = '';    
    7.           for (i = 0; i < len; i++) {    
    8.                 //0~32的整数    
    9.             pwd += $chars.charAt(Math.floor(Math.random() * (maxPos+1)));    
    10.           }    
    11.           return pwd;    
    12.         }    
    13.         document.write(randomString(32));  
    14.         </script> 

    ----------------------------------------------------------------------------------------------------------------------------------

     前台验证

    easyui form取消验证
    $("#"+targetId).numberbox('disableValidation');

    easyui form添加验证
    $("#cust_mobile").validatebox('enableValidation');

    
    
  • 相关阅读:
    实验 3:Mininet 实验——测量路径的损耗率
    福州大学软件工程实践个人编程作业
    实验 2:Mininet 实验——拓扑的命令脚本生成
    初识MinIO
    基础《Go学习笔记》读书笔记——函数
    Linux配置Golang 依赖包安装
    《Linux shell 脚本攻略》第1章——读书笔记
    vscode连接云服务,搭建Python远程开发
    Python多线程
    Python多进程
  • 原文地址:https://www.cnblogs.com/water-1/p/7766071.html
Copyright © 2011-2022 走看看