【问题标题】:jquery jtable custom click eventjquery jtable自定义点击事件
【发布时间】:2013-03-24 15:58:39
【问题描述】:

我已经实现了jquery的jtable。我想对行单击执行一些操作,也想放置单独的图像,还想在该图像上添加我自己的单击事件。

我还想将该行的 id 传递给该自定义事件。

如何将它添加到 jquery 表中?

我尝试了一些东西。

LoadGrid = (function () {
            //Prepare jtable plugin
            $('#GridTableContainer').jtable({
                title: 'Assets',
                paging: true,
                pageSize: 10,
                sorting: true,
                defaultSorting: 'ModelName ASC',
                actions: {
                    listAction: '/Adminsec/ManageAssets.aspx/List',
                    createAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
                    updateAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
                    deleteAction: '/Adminsec/ManageAssets.aspx/Deletes'
                },
                updateRecord: (function() { alert("my custom action.");
                }),
.......

【问题讨论】:

  • 是的,我知道。我尝试添加自己的 javascript 代码。动作:{ listAction:我的 javascript 代码。但这对我不起作用。
  • 我想拥有自己的 updateAction。并想在上面添加一些代码。
  • 根据docsupdateRecord是一种方法,而不是一种选择。
  • @Pankucins - 检查我在下面发布的答案。我不希望任何人为我做。我也是来帮助别人的。 :)

标签: jquery jquery-jtable


【解决方案1】:

终于完成了。

CustomAction: {
    title: '',
    width: '1%',
    sorting: false,
    create: false,
    edit: false,
    list: true,
    display: function (data) {
        if (data.record) {
            return '<button title="Edit Record" class="jtable-command-button jtable-edit-command-button" onclick="alert(' + data.record.TicketId + '); return false;"><span>Edit Record</span></button>';
        }
    }
}

谢谢。

【讨论】:

  • 你在哪里添加了 jtable defenition?
  • 在 Json 属性本身中。可以参考 jtable 文档。
  • 感谢您的提示,但请发送您的 Jtable 总代码
  • 提供的代码是 snipplet,完整的文档和示例,您可以在 jtable 网站上找到。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多