easyui datagrid加载成功之后选定并获取首行数据

简介: //加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').
 //加载成功之后,选定并获取首行数据       
        onLoadSuccess:function(data){   
            alert("grid加载成功");
            var rows=$('test').datagrid("getRows");
            if (rows.length > 0) {
                $('test').datagrid('selectRow',0);//grid加载完成后自动选中第一行
                var row=$('test').datagrid("getSelections");//获取选中的数据
                var rowData = {
                        interfaceName:row[0].interfaceName,
                        province:row[0].province,
                        startDate:row[0].startDate,
                        endDate:row[0].endDate
                        //grid中有四组数据interfaceName、province、startDate、endDate
                };
                alert("grid的第一行数据>>" + rowData);
            }else {
                alert("没有数据");
            }
        },  


 

 

//页面一加载就执行
    $('#detail').datagrid({
        idField : 'id', // 只要创建数据表格 就必须要加 ifField
        width: '100%',
        height:'100%',
        url : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX,
        method : 'POST',
        fitColumns : true,
        striped : true, // 隔行变色特性
        nowrap : false,
//        loadMsg : '数据正在加载,请耐心的等待...',
        loadMsg : '',
        rownumbers : true,
        sortName : 'crtTime',
        sortOrder : 'desc',
        rowStyler : function(index, record) {},
        columns : [ [{
            field : 'account',
            title : '用户',
            width : 50,
            align : 'center'
        }]],
        onLoadSuccess: function (data) { 
           
            var rows=$('#detail').datagrid("getRows");
            if (rows.length > 0) {
                var row = rows[0];
                var newPrice = row.price;
                if (row.account != "现场出价人") {
                    $('#startPrice').html(newPrice+"元");
                    newPriceValue = newPrice;
                } else {
                    $('#startPrice').html(newPrice+"(现场)");
                    newPriceValue = newPrice;
                }
                startPriceFlag = 1;
            }else {
                startPriceFlag = 0;
            }
            
              
        }
    });

 

相关文章
|
2月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
15 2
|
2月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
15 0
|
11天前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
2月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
|
2月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
5月前
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
5月前
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
|
5月前
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
|
5月前
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决