草庐IT

Editable

全部标签

javascript - Angular x-editable setError 不显示验证错误

我在我的项目中使用angularx-editable。http://vitalets.github.io/angular-xeditable/#editable-row除了显示验证错误外,一切正常。这是我的HTML模板:NameWidthLengthSheetsquantityLowpriceHighpriceCurrency{{material.name}}{{material.width}}{{material.length}}{{material.sheets}}{{material.priceLow}}{{material.priceHigh}}{{showCurrency(m

javascript - x-editable,当字符串为空时如何显示特定值?

我试图在字段为null或空(字符串)时显示默认值,并且使用x-editable禁用了编辑模式。当字段或字符串为空时,使用属性“data-value”效果很好,例如:@Model.geoLocation.location_name但是,如果字符串为空(但不为空),则不会显示数据值。我想知道如果字符串为空(即,除了它为null时),是否还有一种方法仍然显示默认数据值。 最佳答案 这对我有用:$(document).ready(function(){$.fn.editable.defaults.mode='popup';$('.confi

javascript - JQGrid 的行编辑中如何禁用某些单元格的编辑?

当我点击我的网格的任何一行时,所有可编辑的列都变为可编辑的。我希望某些列在每一行上都可以单独编辑。Column1,Column2,Column3ROWNumber1-editable,non-editable,non-editableROWNumber2-non-editable,editable,non-editableROWNumber3-editable,non-editable,non-editable提前致谢 最佳答案 如果您使用inlineeditingmode并且想要动态决定行中的哪些单元格将是可编辑的,例如基于单元格

javascript - 将 Select2 和 X-Editable 与最新版本一起使用

我看到的所有显示如何将X-Editable与Select2库一起使用的在线示例都使用旧版本的select2。X-可编辑-http://vitalets.github.io/x-editable/与选择2-https://select2.github.io/几个星期以来运气不佳。有没有人最近获得了这两个库以及过去一年发布的版本,甚至可以一起工作? 最佳答案 我最近也遇到了这个问题,想出了一个秘籍。它使用标准的“select”并将其转换为select2显示:$('#stages').editable({source:[{value:1,

javascript - X-Editable bootstrap 插件 "hidden"动态添加元素的事件问题

我无法让x-editable的“隐藏”事件通过JS处理动态添加的类(或字段)。只有当我直接在HTML上添加可编辑的类时,我才能让它工作,但这种方法不适合我。我做错了什么?$.fn.editable.defaults.mode="inline";$.fn.editable.defaults.onblur="submit";$(document).ready(function(){$('.field').each(function(){$(this).addClass('editable');});$('.editable').editable();});$(document).on('h

javascript - 修改与 jQuery X-Editable 库一起使用时 Select2 下拉选择的输出

我一直在尝试使用X-Editablehttp://vitalets.github.io/x-editable/使用Select2https://select2.github.io/几个星期以来运气不佳。最初我试图从AJAX请求中加载数据,然后使用该库,但我只能看到旧代码是否应该适用于这两个库的旧版本。为了稍微简化一些事情,我现在决定单独加载我的数据,这样X-Editable和Select2只需处理一组已经可用的数据。我现在的问题是修改数据的显示。默认情况下,我对编辑字段的外观感到满意,它看起来像被选中的“标签”。当编辑完成并在初始页面加载时,它会将我选择的项目显示为逗号分隔的字符串。我

javascript - x-editable + bootstrap 3 + Twitter typeahead.js 不工作

我尝试将Bootstrap3与令人敬畏的x-editable和typeahead.js集成,但我无法让它工作:我尝试了以下方法用data-type='typeaheadjs'标记元素将type='typeaheadjs'添加到$().editable()将所有参数移动到data-*属性将所有参数移动到$().editable()arguments但没有运气。HTML代码:RomeJS代码:$('#username').editable({mode:'inline',showbuttons:false,type:'text',url:'/post',pk:1,title:'Enteran

javascript - Kendo UI 网格保存单元格模糊

我试图让我的网格在您按下回车键或离开单元格(模糊)时保存更改,而不必使用网格工具栏中的保存按钮。我无法让它正常工作,我的PHP/SQL工作正常,所以我确定网格有问题。这是我的代码:$("#grid").kendoGrid({dataSource:{transport:{read:WEBROOT+"admin/fetch-toppers",update:{url:WEBROOT+"admin/update-topper",type:"POST"}},error:function(e){alert(e.responseText);},schema:{data:"data",model:{i

javascript - 让 JEditable 处理新元素 (.live)

我正在使用JEditable插件进行就地编辑。我有一个“设置”函数,它在所有相关类上调用.editable()。问题是,我有新添加的元素,我也想使其可编辑。显然,作为新添加的,.editable()永远不会被调用。换句话说,我希望获得jquery的live()函数所具有的效果,但对于editable()函数而言。我目前的解决方法对我来说有点难看(redscribe_button是需要单击以编辑文本的按钮):$(".redescribe_button").live("click",function(click_event){click_event.preventDefault();$("

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi