草庐IT

inline-editing

全部标签

javascript - 对数据库进行 AJAX 编辑时,我是否应该立即用新数据更新界面?

我正在使用内联编辑通过AJAX更新数据库中的文本。这基本上是过程,很常见的东西:文本不可编辑我点击文本,它变成可编辑的我输入新文本然后点击将更新后的文本发送到数据库然后将文本恢复为不可编辑的格式我的问题是什么时候应该用新数据更新界面?我应该在ajax调用之前立即更新它,还是应该等待更新响应从数据库返回?我的问题:如果我不立即更新界面并等待从数据库中获取响应,那么我就失去了ajax带来的异步优势。但是如果我立即更新它,那么如果数据库响应有错误,我就必须以某种方式跟踪我已经做出的更改并将其撤消,这需要更多的工作。那么这种事情通常是如何完成的呢? 最佳答案

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - 在 x-editable 中发送自定义参数

我正在使用x-editable来填充弹出窗口中的选择列表。现在我想将我的key发送到服务器,我的代码是这样的${session.someList?.size()}CV(s)Created$(function(){$('#status').editable({value:1,source:[{value:${xyz?.id},text:"${xyz.title}",srsSelected:${xyz.id},updateXyz:"updateXyz"},]});});我想将我的srsSelectedkey发送到服务器,我搜索了谷歌但没有明白要点...编辑:现在我可以使用将我的key发送到

javascript - jQuery 中的按键 : Press TAB inside TEXTAREA (when editing an existing text)

我想在TEXTAREA中插入TAB字符,如下所示:{KEYPRESS-INSERTS-TAB-HERE}HelloWorld我可以在现有的TEXTAREA文本之前/之后插入-我可以在TEXTAREA中插入/替换所有文本-但还不能插入以一种简单的方式在现有的TEXTAREA文本(通过光标)中。$('textarea:input').live('keypress',function(e){if(e.keyCode==9){e.preventDefault();//PressTABtoappendastring(keepstheoriginalTEXTAREAtext).$(this).ap

javascript - AsyncFileUpload Inside Listview Insert、Edit Itemtemplate 和 EmptyData Template 将不起作用

AsyncFileUpload在ListviewInsert、EditItemtemplate和EmptyDataTemplate中不起作用。以上是我的客户端函数functionAttachmentUploadSuccessful(){debugger;vartextError=$(".AttachmentError").text();if(textError.length>0){vartext=$(".AttachmentError");text.innerText=text.textContent=textError;sender._onError(textError);//itw

javascript - 当包装在 <Grid> 中时,组件将失去对存储的访问权限(react-inline-grid)

我正在使用react-inline-grid,一旦我用包装我的组件,包装的组件似乎失去了对商店的访问权限:UncaughtTypeError:Cannotreadproperty'currentStep'ofundefined代码:classAppextendsComponent{componentDidMount(){const{dispatch}=this.props;dispatch(loadData());}render(){return();}}constmapStateToProps=state=>({app:state.app});exportdefaultconnect

javascript - 检测浏览器支持显示 :inline-block

如何检测浏览器是否支持CSS属性display:inline-block? 最佳答案 好吧,如果你想纯粹通过使用javascript检查浏览器的bavhiour而不是用户代理嗅探来做到这一点,你可以这样做:设置测试场景和控制场景。例如,具有以下结构:分区div内容为“test”div内容为“test2”将一个副本插入到文档中,并将两个内部div设置为inline-block,然后将另一个副本插入到文档中,并将两个内部div设置为block。如果浏览器支持inline-block,那么包含的div将有不同的高度。备选答案:您还可以使用

javascript - django-ckeditor : uncaught exception using inlines

我有两个简单的模型Question和Choice(一个问题有多个选择)。我使用内联表单集添加选项以及添加问题(通过modelAdmin功能)。classQuestion(models.Model):category=models.CharField(max_length=50)question_text=RichTextField(max_length=2000,verbose_name="QuestionText",blank=True)classChoice(models.Model):question=models.ForeignKey(Question)description=

javascript - X-Editable JQuery 插件 - 选择获取源对象

我在尝试获取所选对象而不是传递给成功回调的“newValue”时遇到问题。这是一个例子:$("select").editable({type:"select",title:'SelectFruit',source:[{text:"Apple",value:"option_1"},{text:"Orange",value:"option_2"},{text:"Mango",value:"option_3"},{text:"Strawberry",value:"option_4"}],success:function(response,newValue){console.log(newVa