项目背景是刚加入公司的新项目，主要从事开发工作。 因为是初学者，所以这周的工作是和别的同事合作写前台页面。 前框架是Bootstrap，本文主要介绍项目需求功能——表的内联编辑事件。
是使用X-editable插件实现的。
效果图：单击表单时将显示下拉框。
步骤1、jsp中添加引用
link type=' text/CSS ' href=' $ { CTX }/static/comp/jquery-ui-bootstrap/CSS/bootstrap-editable.CSS ' red
1 )表数据如下。
c : foreach items=' $ { page.result } ' var=' m ' varstatus=' status ' trtd column name=' operator ' a href=' # ' clst
/** * table行内编辑事件、检查员单元格编辑事件*/$(.employee ().editable ) )/employee标记type: 'select2'，/编辑框类型--- //null值的默认文本mode: 'inline '，//是否禁用编辑框的模式：支持popup和inline两种模式，默认为popup show buttons }、select2: { multiple: true，//多选placeholder: (检查员(，width: ) 100px )，)、 source: //下拉框数据源--后台c : foreach items=' $ { employee list } ' var=' s '/employee list后台中的数据(，)； 3358 www.Sina.com/http://vita lets.github.io/x-editable /此插件支持主要的前端框架，并且经常使用。
2、在jsp中编写代码JS组件系列——BootstrapTable在线编辑解决方案： x-editable
总结在网上总能找到实用的插件，节约了我们开发的成本，提高了开发效率。 编辑也将在第一周使用此插件，请多加指导！