edit_table标签*

【!!!注意:此控件不兼容IE8】

【2.5版本后从table_second改名为edit_table,table_second不再维护】

edit_table标签的属性 :

注意:该属性组件不支持ie8,ie9等浏览器

edit_table标签为含第二样式的表格标签,相对于table标签,功能比较单一,但是比较灵活,支持表格行数据的拖拽,新增行数据,修改行内数据,删除数据,含有的属性如下:
注意【2.1】:由于freemarker的数组和对象类型不能解析el表达式,所以为了配套普通select类型的sql_key执行,在【2.1】版本后,支持属性sql_condition的扩展,详情见下面标签引入示例

>

*id : id属性

*url: 加载表格数据的url属性

width: 宽度属性,默认100

height【2.0】: 高度属性,默认全部展示,可填数值

*fields: 表格的加载字段属性,为数组对象,单个字段对象包含属性:name(加载的字段名),title(字段标题),type(编辑时的类型,现支持text,textarea,checkbox,code_select,myDateField(日期)【2.4】版本后该属性名替换为date,【2.4版本】支持multiselect类型(多选类型)和time时间类型(仅时分),注意当为code_select类型时必须指定code_type,当type为空且不存在时,将冻结列),width(宽度,默认100),position为列的位置,默认center,可填值center,left,right,【2.0】版本后调整type有select,code_select项,code_select需要指定code_type;如果是select和multiselect类型,需要指定sql_key(配套sql_condition),value_field,show_field,checkbox类型只支持传入的值为boolean类型;需要指出的是【2.4】版本后日期类型date和time支持控制两个时间类型或两个日期类型的对比,注意:date和time类型后台数据必须返回Date类型如有属性before_than(早于)和late_than(迟于)属性,如:"before_than":"end_time",值为指定的字段列;【2.4】版本后text类型支持运算功能,可加属性calculation_type,支持两个类型term(远算列)和result-term(接收结果的列)类型,详细看demo示例

【2.8】版本后增加select_ext控件,用法同select,详见demo示例

editor_flag:【2.0】 编辑功能开关,默认false,即编辑功能冻结,当为true时可以新增行,修改行,删除行,移动行

format:【2.0】 表格的时间匹配格式,默认为yyyy-MM-dd HH:mm:ss

  • p:子午线(“am”或“pm”) - 根据区域设置文件
  • P:子午线大写(“AM”或“PM”) - 根据区域设置文件
  • s:没有前导零的秒
  • ss:秒,带前导零的2位数字
  • i:没有前导零的分钟
  • ii:分钟,带前导零的2位数字
  • h:小时无前导零 - 24小时格式
  • hh:小时,2位数字,带前导零 - 24小时格式
  • H:小时无前导零 - 12小时格式
  • HH:小时,2位数字带前导零 - 12小时格式
  • d:没有前导零的月份的日
  • dd:月份的日,带前导零的2位数字
  • m:没有前导零的月份的数字表示
  • mm:月份的数字表示,带前导零的2位数字
  • M:一个月的短文本表示,三个字母
  • MM:一个月的全文表示,例如1月或3月
  • yy:一年的两位数表示
  • yyyy:一年的全数字表示,4位数字

search_have:【2.0】 是否拥有搜索功能,默认false

delete_message:【2.1】 删除提示,默认提示“确定要删除记录?”

delete_confirm【2.8】:可以控制删除前是否要弹出确认提示,默认为true

insert_button【2.8】:控制是否显示右上角的+加号按钮,默认true

delete_button【2.8】:控制是否显示表格中的删除按钮,默认true

table_second标签的引入方式 :

  • 1.首先加入标签,引入必要方法:

table_second标签的显示结果 :

后台加载数据写法:

【2.4】后的前台变动



提供的可供调用的js方法:

/*                      
修改表格处于编辑状态行的行数据,obj为对象类型,其中包含两个固定属性tableId和data,且data为对象类型 ,包含需要修改的值:如:obj={“tableId”:“mytable”,“data”:{“id”:"123456","name":"zhangsan"}}
*/
updateJsGridEditRow(obj)【2.4】;

/**
* 获取edit_table编辑状态,true:表示正在edit或insert
*
* obj中包含tableId,格式如:{"tableId":"mytable2"}
*/
function getJsGridEditState(obj)【2.8】;

/**
 * 获取edit_table组件激活状态的行数据,以json方式返回
 * 
 * obj中包含tableId,格式如:{"tableId":"mytable2"}
 */
function getJsGridCurRowDataJson(obj)【2.8】;
/**
 * 判断表格是否包含明细行,包含正在添加和编辑但还未提交的都算有
 * @param obj
 */
function getJsGridHasRow(obj)【2.8】

results matching ""

    No results matching ""