easyui的treegrid怎么样实现勾选的时候获取对应的行数据,触发事件加在哪里,怎么添加

easyui的treegrid怎么样实现勾选的时候获取对应的行数据,触发事件加在哪里,怎么添加,第1张

<head>

<meta name="generator" content="HTML Tidy, see ">

<meta >

表格?easyui有个datagrid控件可以干这个事情

如果你从后台返回一个json对象,datagrid的url可以读取这个地址返回的json对象,注意,它会自动读取这个json对象第一层的rows属性,你要把表格数据放到json对象的rows里面

或者ajax得到json对象,你重新做一json,里面有2个属性,rows和total,数据放在rows,总数放在total里,total可以忽略

就是这种{rows:[{"userId":1,"username":"张三","userGender":"男"}],total:1}

然后用$('#id')datagrid('loadData',json);去读取数据

要看你用easyui的哪个组件了,一般官网上都有,我拿一个很简单的例子来说:

使用datagrid

<table class="easyui-datagrid" style="width:400px;height:250px"

       data-options="url:'datagrid_datajson',fitColumns:true,singleSelect:true">

   ……

</table>

这里的data-options里有url的参数,可以换为后台url地址,而后台只要返回一个符合要求的json格式的数据过来就可以了。这里的json格式可以看看官网里的要求格式。

>

还有一种方法是使用js来加载数据:

页面代码比较简单:<table id="dg"></table>

js代码这么写:

$('#dg')datagrid({

   url:'datagrid_datajson',

   columns:[[

       {field:'code',title:'Code',width:100},

       {field:'name',title:'Name',width:100},

       {field:'price',title:'Price',width:100,align:'right'}

   ]]

});

在url里写好后台url的路径就可以了,后台同样是返回一个json给页面。

再者,你想要提交数据给后台?

那么我就说一般情况,就是使用按钮点击提交

可以用form表单提交, action指定后台确定的url,

要么你可以在js中,取得想要传递给后台的数据,写一个$post或者$ajax等方法去将数据传递给后台去处理。

这是ajax请求后台的模板:

$ajax({

    type: 'post',

    url: 'url', // this is the url for backend java program

    data: {'data_post': data_post}, // the data you want to post to backend

    success: function(result){

        alert('success');

    }

})

要在web上实现你说的这个,只有一种方法:在web端使用ajax向服务器a请求获取服务器b的地址,上传文件的时候直接向b传文件。

服务器端的做法是,a服务器端程序接收上传文件后,再分配给其余服务器。

以上就是关于easyui的treegrid怎么样实现勾选的时候获取对应的行数据,触发事件加在哪里,怎么添加全部的内容,包括:easyui的treegrid怎么样实现勾选的时候获取对应的行数据,触发事件加在哪里,怎么添加、easyui中 直接显示带框架的首页没问题,但是从登录中跳转到首页,首页的easyui样式不加载,这是怎么回事、Spring MVC 下使用easyui如何在前台接收后台的特定Json数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9666403.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存