ssm+easyui之可编辑文本框

最新推荐文章于 2023-04-29 08:14:32 发布

原创

最新推荐文章于 2023-04-29 08:14:32 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#java可编辑文本框

本文介绍如何使用SSM（Spring、SpringMVC、MyBatis）框架结合EasyUI，创建一个可编辑的表格。通过HTML定义表格结构，JavaScript处理编辑、保存、删除等功能，以及后台Controller、Service和DAO的实现，实现数据的增删改查操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1。html

2，js

$(function() {
   var editFlag = undefined;// 设置一个编辑标记
   $('#tt')
           .datagrid(
                   {
                       singleSelect : true,
                       rownumbers : true,
                       striped : true,
                       pagination : true,// 分页栏
                       url : '../configController/listConfig.do',
                       columns : [ [
                               // {field:'name',title:'配置项名称',width:150,editor:'text',align:
                               // 'center',hidden : true},
                               {
                                   field : 'cfgkey',
                                   hidden : true
                               },
                               {
                                   field : 'name',
                                   title : '配置项名称',
                                   width : 150,
                                   editor : 'text',
                                   align : 'center'
                               },
                               {
                                   field : 'cfgvalue',
                                   title : '节点名称',
                                   width : 200,
                                   align : 'right',
                                   editor : 'text',
                                   align : 'center'
                               },
                               {
                                   field : 'remark',
                                   title : '备注 ',
                                   width : 150,
                                   editor : 'text',
                                   align : 'center'
                               },
                               {
                                   field : 'action',
                                   title : '操作',
                                   width : 150,
                                   align : 'center',
                                   align : 'center',
                     &n