YUI 2.8.2 数据表在客户端按钮单击操作完成后对旧值进行排序
YUI 2.8.2 datatable sorts old value after a client side button click action is done
我正在使用 YUI 数据表 2.8.2。我需要单击删除按钮并发出ajax请求,成功响应后,单击的删除按钮应替换为 "已删除">文本。但是当我对任何列进行排序时,"已删除"文本会消失,因为旧数据被排序。默认情况下,所有按钮文本都应为"删除? 有什么帮助吗??
裁判:
// Create a new YUI instance and populate it with the required modules.
YUI((.use('node', function (Y( { Y.one('body'(.addClass('yui-skin-sam'(; });
http://jsfiddle.net/ejx3zex3/1/
原因是当您对表进行排序时,它会重新呈现自身。当有人单击按钮时,它不会更改任何状态(即有关基础数据的任何内容(,您只是更改单元格的内部 HTML。 重新呈现时,基础数据将覆盖现有内容。
因此,要执行所需的操作,您需要为"是否已删除"数据创建一个字段,并在有人单击按钮时更新其值。 然后,该列的呈现函数将查看"是否已删除"值,并根据值显示"删除"或"已删除"。
像这样的东西:http://jsfiddle.net/ejx3zex3/2/
最主要的是添加一个已删除的键/字段:
var myColumnDefs = [{
key: "deleted",
formatter: function (el, oRecord, oColumn, oData) {
el.innerHTML = "<button type='"button'" class='"yui-dt-button'">Delete" + (oData ? "d" : "") + "</button>";
},
"label": "Delete?"
},
它仍然不理想,但希望足以让你上路。
顺便说一下,我假设你知道 YUI2 已经被弃用了几年,而 YUI3 今年被停用了。
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- JavaScript数组排序(函数)用于对表行进行排序,而不是排序
- 使用promise和mongoose对文档进行排序
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- Selectize.js:如何对整数值的选项进行排序
- Javascript排序的图像弹出窗口..可以't单独弹出
- jQuery点击操作被排序功能剥离
- 排序和操作json对象,javascript
- 如何对javascript表进行排序(升序或降序),该表是某些SQL操作表的结果
- 当查询可排序丢弃操作结束时,如何得到通知
- YUI 2.8.2 数据表在客户端按钮单击操作完成后对旧值进行排序
- 为什么 DOM 读/写操作的微小重新排序会导致巨大的性能差异
- 对按钮单击时的两个操作进行排序
- 在jQueryUI可排序小部件中,如何在start方法中执行取消操作
- 如何使用操作对模型重新排序
- 角度可排序的容器防止删除操作
- 在排序行上重新排序操作按钮
- 多个排序操作由2个不同的选择框触发
- 操作后对列表视图进行主干排序和更新
- 使用jQuery/JavaScript操作HTML表(用于列重新排序、可见性)