文本框(不改变css):
1 /**为了让js给前端字段赋值,字段是可编辑,js赋值后,采用变通方法设置字段不可编辑*/ 2 function setFieldEditable($obj, editable) { 3 if (editable) {//获取焦点时,立即失去焦点 4 $obj.unbind("focus"); 5 } else { 6 $obj.focus(function () { 7 $obj.blur(); 8 }); 9 } 10 }
设置文本框字段可编辑性,同时设置css:
1 /**设置文本框字段可编辑性,同时设置css*/ 2 function setFieldEditable($obj, editable) { 3 var border=editable?"1px solid #E9E9E2":"1px solid #FFFFFF"; 4 var cursor=editable?"auto":"default"; 5 if (editable) {//获取焦点时,立即失去焦点 6 $obj.unbind("focus"); 7 } else { 8 $obj.focus(function () { 9 $obj.blur(); 10 }); 11 } 12 $obj.css("border",border); 13 $obj.hover(() => { 14 $obj.css("cursor", cursor); 15 }); 16 }
/设置日期字段可编辑性,只读时隐藏“放大镜”:
1 /**设置日期字段可编辑性,隐藏“放大镜”*/ 2 function setEditableOfEnclosureField(editable, fieldId) { 3 $ele=$("button[id='" + fieldId + "'][class='calendar']"); 4 if(editable){ 5 $ele.show(); 6 }else{ 7 $ele.hide(); 8 } 9 }
设置附件字段是否可编辑:
1 /**设置附件字段可编辑性 */ 2 function setEditableOfEnclosureField(editable, fieldId) { 3 var visibleId = fieldId + "_tab"; 4 if (editable) { 5 $("#" + visibleId).show(); 6 } else { 7 $("#" + visibleId).hide(); 8 } 9 }