Tag: x editable

更改x-editable的值

我有一些与x-editable一起使用的超链接。 它们基本上代表可resize的div的大小。 现在，当我调整div的大小时，我正在设置元素的文本以显示新的大小。 问题是当我然后单击超链接并且x-editable进来时输入的初始值没有根据相应的元素的新文本​​值而改变。 因此，如果初始div大小为400×400并且我将其大小调整为600×400，那么当我单击以编辑宽度时，初始文本框值仍为400。 function updateDivSize(div) //this is called whenever the div is being resized { //$(context).find(“.width-editable”).editable(‘setValue’, $(div).width()); //$(context).find(“.height-editable”).editable(‘setValue’, $(div).height()); $(context).find(“.width-editable”).text($(div).width()); $(context).find(“.height-editable”).text($(div).height()); } 现在，如果我.editable()在a元素上运行时再次调用.editable() ，但问题是我丢失了x-editable的所有其他设置，我想保留。 有没有什么方法可以做到这一点，而.editable()每次调整div时调用.editable()再次使用所有其他设置？ 的jsfiddle

访问x-editable动态生成的表单或输入

单击元素后，x-editable会创建一个input元素。 在validation回调中，如何访问该元素？ 我“可以”通过使用inputclass在每次将插件应用于元素时分配一个唯一的类来inputclass ，但是，这提供了非常小的灵活性。 在回调中， this引用原始元素，而不是input元素。 https://jsfiddle.net/cgym6m3v/1/ Name $(‘#name’).editable({ type: ‘text’, title: ‘Name’, url: ‘/echo/json/’, pk: 123, validate: function (value) { console.log(this,value); } });

强制jQueryvalidation器validation单个元素

在编辑页面上，我使用http://jqueryvalidation.org/来validation表单。 //validate object set using external file linked to page var myValidateObj = { “rules”: { “foo”: {“required”: true,”maxlength”: 45,”minlength”: 2}, “bar”: {“maxlength”: 45}, }, “messages”: { “foo”: {“required”: “Foo is required.”,}, “bar”: {“maxlength”: “bla bla.”}, } }; var validator=$(“#myform”).validate({ rules: myValidateObj.rules, messages: myValidateObj.messages, }); Foo: Bar: 在另一页上，我显示了前面描述的编辑页面的值，并允许使用http://vitalets.github.io/x-editable/进行内联编辑。 validation规则和消息仍然适用，但现在只需要validation单个字段。 假设此页面上存在myValidateObj对象，它是否可用于validation单个字段？ 例如，在可编辑的validation回调中， myValidateObj如何用于validationfoo并在未通过validation时返回相应的消息？ $(‘#foo’).editable({ type: ‘text’, […]

x-editable：如何使用字段值更新postURL本身？

我试图发布的API构造如下： /device/invoiceNumber/{invoiceNumber}/{portableUnitId} 括号中的值必须替换为bootstrap-table中动态添加的值。 我可以在另一个函数中生成自定义URL，但我在这里没有工作： $(this).data(‘url’, postInvNumUrl); 有任何想法吗？

x-editable ajax调用不处理指定的url

我使用x-editable的bootstrap，我试图让它工作一旦点击x-editable的保存按钮，应该执行php文件。 我已经尝试了所有知识来解决这个问题，但我不是一个铁杆的javascript程序员，所以将它改为Json试一试是我的观点一点努力。 我已经阅读了x-editable的文档，这应该是使用它的方法。 所以这是html： superuser Javascript： $.fn.editable.defaults.mode = ‘inline’; $(‘.username’).editable({ type: ‘text’, pk: 1, url: ‘post.php’, }); 一旦post.php丢失，x-editable就会出错，但是如果它看到php文件则什么都不做。 php文件中的内容无关紧要，因为那里只有一个带有测试的控制台日志。 控制台日志永远不会执行，我无法弄清楚为什么它不工作，我已经看到1或2个问题像Stackoverflow上的东西一样，但没有使用完整的信息。 这是我第一次在互联网上问一些东西，所以我希望有人可以帮我解决这个问题。 我已经尝试过将url更改为localhost/dir/etc但没有效果。 还设置/posturl ，并添加var posturl = “post.php”; 没有帮助 哦，我已经测试了所有资源：但如果它有帮助：

使用X-editable可以在现有bootstrap3水平forms中编辑多个字段

我使用Bootstrap3进行前端开发，使用PHP进行后端处理。 我试图在我的一个页面（用户配置文件）中使用x-editable插件，其中我有几十个带有可编辑字段的表单。 每个表单都是为了接受注册用户的不同细节，因此具有所有类型的输入（文本，日期，数字，电子邮件等）。 我的要求是： 假设我有10个不同的片段，每个片段都有一个表单来接受一组特定的信息[例如 基本细节或联系方式或爱好等]。 我想为一个表单创建一个“ 编辑”按钮以使其所有字段都可编辑，使用单个“ 保存”按钮来保存更新的数据（在validation它们之后）和“ 取消”按钮。 我想发送一些隐藏的字段和表单。 我已经有一个高度定制的Validation插件（）对我来说非常好用，我可以使用它而不是内置支持吗？ 因为，我在该插件中做了很多改变以满足我的要求，我不想再次经历这个循环。 这是我想要的演示 Contact Information Name: Email: Phone Number: Address: Cancel Submit 查看此表单的JSFiddle 。 如果有人可以为此做至少x可编辑的工作，我将会很有帮助。 PS：我是JSFiddle的新手，所以我不知道如何在那里进行基本的可编辑工作。 下次我会发布一个完全正是我尝试过的小提琴，而不是基本的html。 提前致谢。

x-editable – 调整输入字段的宽度

如何调整弹出窗口的输入宽度 它似乎没有任何选择 http://vitalets.github.io/x-editable/docs.html#text

X – 可编辑输入在单击其他元素时可编辑

我有一个x-editable输入，我用它来编辑用户名。 元素的默认操作是单击自身时，可以编辑值。 但是我想启用点击元素的.editable并能够编辑输入中的值。 缩短这里的东西是我目前情况的一个方面。 jQuery的： $(function(){ $.fn.editable.defaults.mode = ‘inline’; $(‘#publicname-change’).editable({ type: ‘text’, url: ‘/post’, pk: 1, placement: ‘top’, title: ‘Enter public name’ } ); //ajax emulation. Type “err” to see error message $.mockjax({ url: ‘/post’, responseTime: 100, response: function(settings) { if(settings.data.value == ‘err’) { this.status = 500; this.responseText = ‘Validation error!’; } else { this.responseText […]

例外nsresult：使用x-editable在yii中提交更改时的“0x805e0006（）”位置

尝试在x-editable中确定值时，我收到以下exception。 [例外……“”nsresult：“0x805e0006（）”location：“JS frame :: :: .send :: line 8400”data：no] View Code: widget(‘bootstrap.widgets.TbGridView’, array( ‘id’ => ‘subjectgrid’, ‘itemsCssClass’ => ‘table-bordered items’, ‘dataProvider’ => new CActiveDataProvider(‘Examschedule’,array( ‘criteria’=>array(‘condition’=>”examcode=:newexam and sessioncode=:sessioncode”, ‘params’=>array(‘:newexam’=>$examcode, ‘:sessioncode’=>$sessioncode),), ‘pagination’=>array(‘pageSize’=>15),)), ‘columns’=>array( array(‘name’ => ‘examcode’, ‘headerHtmlOptions’ => array(‘style’ => ‘width: 10px’),), array(‘name’ => ‘sessioncode’, ‘headerHtmlOptions’ => array(‘style’ => ‘width: 10px’),), array(‘name’ => ‘subjectcode’, ‘headerHtmlOptions’ => array(‘style’ […]

X-editable自定义字段类型不遵守重写的默认值

我有一个自定义x可编辑的输入类型，用于输入城市并选择像这样呈现的国家/地区： 注意底部的按钮; 这是因为初始化代码包含showbuttons: ‘bottom’ ： $(‘#location’).editable({ url: ‘/post’, title: ‘Enter city and country’, showbuttons: ‘bottom’, value: { city: “Napier”, country: “nz” }, sourceCountry: [ {value: “af”, text: “Afghanistan”}, … {value: “zw”, text: “Zimbabwe”} ] }); 但对于这个小部件，在侧面渲染按钮是没有意义的; 所以我希望按钮默认存在; 因此，我尝试为此可编辑类型设置默认值： Location.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, { tpl: ” + ” + ‘City: ‘ + ” + ” + […]