x-editable 的使用方法

最新推荐文章于 2024-08-15 10:01:39 发布

转载最新推荐文章于 2024-08-15 10:01:39 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gongpipi/p/5724050.html

文章标签：

#数据库

本文介绍了如何使用x-editable插件实现HTML页面上的数据编辑功能。通过在a标签上设置data-pk和data-url属性，可以指定数据的主键和处理提交的URL。文章还提供了两种JavaScript调用方式，并演示了如何配置插件选项来实现文本类型的编辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先在html网页中定义一个a标签（如下<%#%>是asp.net的语法）

　　<a href="#" data-pk="<%#Eval("id")%>" data-url="FuncKeyEdit.ashx?opera=1" class="test">x-editable测试</a>

　　解释

　　　　　1.data-pk 是数据库记录的主键

　　　　　 2. data-url 是处理提交的url

2.js调用写法

另外一种写法是把pk和url 写在参数里面, 另外需要注意的是在editable 内部不能够获取到当前元素的值或者属性

$('.test').editable({
　　　　type: 'text',

　　　　pk: '1',

　　　　url:'/post',
　　　　success: function (result, newValue) {
　　　　　　if (result == "success") {
　　　　　　layer.alert('修改成功', { icon: 1 });
　　　　　　} else {
　　　　　　layer.alert('修改失败', { icon: 2 });
　　　　}

　　　　}
　　});

转载于:https://www.cnblogs.com/gongpipi/p/5724050.html