项目背景 刚加入公司的新项目,主要在做开发工作。由于是新手,本周的工作是配合另外一个同事写前台页面。前台框架是Bootstrap,本文主要介绍一下项目需求的一个功能——表格行内编辑事件。 使用X-editable插件实现的。 效果图:点击表格就会出现下拉框。 步骤 1、jsp中添加引用 <link            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-30 16:03:55
                            
                                356阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            用x-editable的时候,希望某些时候可以编辑,某些条件下不可编辑,有什么优雅的方式呢。网上说的比如动态设置可编辑,太麻烦。参考下面这个https://            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-29 14:01:47
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            用x-editable的时候,希望某些时候可以编辑,某些条件下不可编辑,有什么优雅的方式呢。网上说的比如动态设置可编辑,太麻烦。其实这里用到的 noEditFormatter属性,是wenzhixin的bootstrap table editable里的方法,不是x-editable.js里的方法。用下面代码即可实现。$('#my_table_id').bootstrapTable({            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-11 09:59:05
                            
                                773阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            情况:bootstraptable使用x-editable进行行内编辑,进行编辑的有普通文本(text)、下拉框(select)、复选框(checklist)等。后台是java使用net.sf.json.JSONObject的toBean方法进行将json数组转化为vo对象的,但x-editable的复选框(checklist)传递到后台的是一个jsonarray对象,而不是普通的String数据            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-08-27 09:53:50
                            
                                7100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JS组件系列——BootstrapTable 行内编辑解决方案:x-editable阅读目录一、x-editable组件介绍	二、bootstrapTable行内编辑初始方案	三、bootstrapTable行内编辑最终方案	1、文本框		2、时间选择框		3、下拉框		4、复选框		5、“阴魂不散”的select2		四、总结 正文前言:之前介绍boots...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 12:35:17
                            
                                544阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            https://www.cnblogs.com/landeanfen/p/5821192.html<scripttype="text/javascript">varcurRow={};$(function(){$("#tb_user").bootstrapTable({toolbar:"#toolbar",idField:"Id",pagination:true,showRefresh            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-12 08:30:23
                            
                                837阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            js插件 JS表格组件BootstrapTable行内编辑解决方案x-editable 一、总结 一句话总结:bootstrap能够做为最火的框架,绝对不仅仅只有我看到的位置,它应该还有很多位置可以极大的方便开发,可能是插件这一块,也可能是别的。 1、创建可编辑弹出框的插件叫什么? x-editab            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-30 14:09:00
                            
                                78阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文转自:http://www.cnblogs.com/landeanfen/p/5821192.html 阅读目录 一、x-editable组件介绍 二、bootstrapTable行内编辑初始方案 三、bootstrapTable行内编辑最终方案 1、文本框 2、时间选择框 3、下拉框 4、复选            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-02-28 10:16:00
                            
                                94阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在准备使用X-editable来做Bootstrap Table 的行内编辑的时候,根据://www..com/landea... 的文章,我不能将全部效果重复实现,网上也搜索了其他资料,大都是单独使用X-editable的,我需要是结合Bootstrap Table来实现行内            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-30 16:12:15
                            
                                437阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            原来一直好好的,今天发现点select2下拉时,head会消失,只显示下拉列表。用最新的select2也不行。设为multiply多选模式不会消失head。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 13:22:06
                            
                                322阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            原来一直好好的,今天发现点select2下拉时,head会消失,只显示下拉列表。用最新的select2也不行。设为multiply多选模式不会消失head。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-14 14:04:46
                            
                                324阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                              先上效果:imag            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-10 12:56:18
                            
                                502阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            select2支持带图标的选择项,用Templating。那么在bootstrap table中的x-editable怎样用呢?先看图片:首先我们制作这些图标:用excel做饼图——饼图拷入powerpoint——然后用powerpoint制作成透明图制作透明图做好的图标:看看前端代码吧:参考了:x-editable的http:/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 13:24:07
                            
                                1054阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            select2支持带图标的选择项,用Templating。那么在bootstrap table中的x-editable怎样用呢?先看动画和图片:首先我们制作这些图标:用excel做饼图——饼图拷入powerpoint——然后用powerpoint制作成透明图制作透明图做好的图标:看看前端代码吧:参考了:x-editable的http://jsfiddle.net/wQysh/8/bootstrap            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-03 13:44:18
                            
                                1180阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            自己写系统,好处就是可以用世界上最先进的东西,不喜欢的就换一个。这次表格系统全部改为bootstrap table,在线编辑用x-editable http://bootstrap-table.wenzhixin.net.cn/examples/http://vitalets.github.io/x-editable/demo-bs3.html效果如下:选择过滤的时间区间:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-03 13:53:50
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            自己写系统,好处就是可以用世界上最先进的东西,不喜欢的就换一个。这次表格系统全部改为bootstrap table,在线编辑用x-editable http://bootstrap-table.wenzhixin.net.cn/examples/http://vitalets.github.io/x-editable/demo-bs3.html效果如下:选择过滤的时间区间:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 13:06:11
                            
                                477阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、官网 http://vitalets.github.io/x-editable/index.html 二、实践 在jQuery中ajax配置项中的使用type与method的区别: type 和method 一样的含义,只是mthod是version1.9添加的,所以版本1.9之前的使用type            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-09-09 09:12:00
                            
                                171阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一.X-editable介绍X-editable是一款基于Jquery的表格编辑器。通过简单调用即可轻松实现字段编辑效果。与django一起使用,可以在线编辑数据,修改后台信息。插件地址:http://vitalets.github.io/x-editable/docs.html  x-editable用法(以bootstrap3为例):下载x-editable,在html模板中添加&l            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-02-01 13:54:16
                            
                                10000+阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            可编辑的表格。1.先写一个含有表格的页面jqueryEdit.html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
     <title>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-18 14:51:35
                            
                                165阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、AlertDialog上弹Toast或者其它对话框,AlertDialog将消失,解决办法自定义对话框继承自Dialog。2、style命名不能与控件同名:例如:<style name="Button"/>
    <style name="Button.CommonButton" parent="Button">
        <item name="and            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-31 10:20:19
                            
                                35阅读
                            
                                                                             
                 
                
                                
                    