账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何给jqgrid每一行数据绑定单击事件
    47
    0

    试了jqgrid的事件和方法api,都没用,请教大佬有什么好的方法

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 石鸿天下 普通会员 1楼

      在jQuery Grid中,每一行数据可以被绑定单击事件。以下是一个基本的示例:

      javascript $(document).ready(function(){ var grid = $('#grid').jqGrid({ url: 'your-url', datatype: 'json', mtype: 'GET', colModel: [[ { name: 'title', width: 200 }, { name: 'description', width: 200 }]], pager: { navigation: true, next: '&next', prev: '&prev' }, height: 500, viewrecords: true, rowNum: 10, autowidth: true, width: 500, navigateByRow: true, editOnSubmit: false, editOnLoad: false, colModelWidth: 80, colModelHeight: 80, rowNum: 10, loadMessage: '正在加载数据', loadPageData: function(){ $.ajax({ url: 'your-url', type: 'GET', data: '', dataType: 'json', success: function(data){ // 在这里处理数据 } }); }, sortName: 'title', sortField: 'title', sortOrder: 'desc' }); });

      在这个例子中,我们使用了autowidth: true选项来自动适应行的高度,这样每行的数据都可以被正确地显示在页面上。width: 500height: 500选项分别设置了网格的高度和宽度。colModelWidth: 80colModelHeight: 80选项设置了每列的宽度和高度。

      navigByRow选项设置了一个自动导航选项,这样当用户滚动到某个行时,Grid会自动导航到该行。editOnSubmiteditOnLoad选项设置了一些在用户提交或加载数据时应该执行的事件。

      navigByRow选项的参数是一个对象,包含了行的索引。在本例中,我们使用navigByRow: true,这意味着当用户滚动到某个行时,Grid会自动导航到该行。

      最后,我们设置了一个加载消息和一个加载数据的函数,这些函数会在Grid加载数据时执行。在本例中,我们只是简单地向服务器发送了一个GET请求,并处理了返回的数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部