随笔分类 -  web

摘要:最近写程序,碰巧有动态增加删除行,下面就记录一下 html就不写了,也没有什么,直接上核心了 新增行 好,下面我们看下addTr方法~~这个是在网上找到的,还是蛮好用的 删除行,这个就比较简单了 动态添加删除行,就这么几行代码,方便大家使用 ps: $(this).prevAll().length 阅读全文
posted @ 2019-08-30 10:52 那些年的代码 阅读(2486) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/j 阅读全文
posted @ 2019-08-30 10:51 那些年的代码 阅读(4465) 评论(0) 推荐(0)
摘要:在html中我们大量的用到了局部刷新,局部刷新就是使用js来动态的修改html局部的数据。下面来介绍下使用jquery来动态的增加table的行,当然这种方式可以适用到任何的html组件中去。 <table id="myTable" class="table"> <table id="myTable 阅读全文
posted @ 2019-08-30 10:48 那些年的代码 阅读(3650) 评论(0) 推荐(0)
摘要:使用jQuery动态的添加和删除表格里面的行,不多说了直接上代码。 阅读全文
posted @ 2019-08-30 10:47 那些年的代码 阅读(364) 评论(0) 推荐(0)
摘要:在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现。 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的 阅读全文
posted @ 2019-08-29 17:45 那些年的代码 阅读(325) 评论(0) 推荐(0)
摘要:项目背景 刚加入公司的新项目,主要在做开发工作。由于是新手,本周的工作是配合另外一个同事写前台页面。前台框架是Bootstrap,本文主要介绍一下项目需求的一个功能——表格行内编辑事件。 使用X-editable插件实现的。 效果图:点击表格就会出现下拉框。 步骤 1、jsp中添加引用 <link 阅读全文
posted @ 2019-08-29 16:59 那些年的代码 阅读(4387) 评论(0) 推荐(0)
摘要:function loadData() { var url = "${ctx }/sys/marketing/product/page"; $('#tablepager').bootstrapTable({ url: url, dataType: "json", pagination: true, 阅读全文
posted @ 2019-08-29 16:57 那些年的代码 阅读(403) 评论(0) 推荐(0)
摘要:function listEditor(data,productCode) { $('#tab1').bootstrapTable('load', data); $('#tab1').bootstrapTable({ method:'POST', dataType:'json', contentTy 阅读全文
posted @ 2019-08-29 16:57 那些年的代码 阅读(916) 评论(0) 推荐(0)
摘要:除了那些bootstrap/bootstrap table的js , css之外,要额外添加editable的文件: <link href="../assets/css/bootstrap-editable/bootstrap-editable.css" rel="stylesheet"> <lin 阅读全文
posted @ 2019-08-29 16:56 那些年的代码 阅读(1231) 评论(0) 推荐(0)
摘要:在准备使用X-editable来做Bootstrap Table 的行内编辑的时候,根据http://www.cnblogs.com/landea... 的文章,我不能将全部效果重复实现,网上也搜索了其他资料,大都是单独使用X-editable的,我需要是结合Bootstrap Table来实现行内 阅读全文
posted @ 2019-08-29 16:55 那些年的代码 阅读(1344) 评论(0) 推荐(0)
摘要:当某列编辑完成后,需要对当前列所在的行进行修改操作: $("#grid").bootstrapTable({ url:'', …… …… //其他属性 columns:[{ field:'rowId', title:'序号', width:30, align: 'center', formatter 阅读全文
posted @ 2019-08-29 16:54 那些年的代码 阅读(4711) 评论(0) 推荐(0)
摘要:function loadData() { var url = "${ctx }/sys/marketing/product/page"; $('#tablepager').bootstrapTable({ url: url, dataType: "json", pagination: true, 阅读全文
posted @ 2019-08-29 16:53 那些年的代码 阅读(916) 评论(0) 推荐(0)
摘要:首先下载基于bootstrap的源码到本地。引用相关文件。 <link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link href="~/Content/bootstrap3-editable/css/ 阅读全文
posted @ 2019-08-29 16:52 那些年的代码 阅读(1629) 评论(0) 推荐(0)
摘要:问题描述 在对bootstrap-editable 进行编辑时,有两种使用方法:一种直接在每一个column中进行编辑保存,例如:{ 另一种在onEditableSave 中进行编辑保存,例如: onEditableSave: function (field, row, oldValue,$el) 阅读全文
posted @ 2019-08-29 16:51 那些年的代码 阅读(3271) 评论(1) 推荐(1)
摘要:最近做一个项目,要求是两张张表可能查找出10多种不同的结果集。 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载column 具体看下面 1 <!DOCTYPE html> 2 <html xmlns="http 阅读全文
posted @ 2019-08-29 16:44 那些年的代码 阅读(2617) 评论(0) 推荐(0)
摘要:隐藏: visible: false, 显示:visible: true, visible属性没有true或者false,是visible,invisible和gone。visible:可见的;invisible:不可见,但占空间;gone:不可见,也不占空间,控件从布局上消失了。 visible属 阅读全文
posted @ 2019-08-28 16:26 那些年的代码 阅读(6479) 评论(0) 推荐(0)
摘要:方法一:通过String.substring()方法将最后的三位去掉 方法二:通过整除将最后的三位去掉 阅读全文
posted @ 2019-08-28 15:13 那些年的代码 阅读(36455) 评论(0) 推荐(1)
摘要:正则表达式限制输入框只能输入数字 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,' 阅读全文
posted @ 2019-08-28 14:46 那些年的代码 阅读(4166) 评论(0) 推荐(0)
摘要:.find('input:radio:checked');.find("input[type='radio']:checked");.find("input[name='radio']:checked");.find("input[@name='radio'][checked]");.find("i 阅读全文
posted @ 2019-08-27 17:11 那些年的代码 阅读(3244) 评论(0) 推荐(0)
摘要:1、返回一个键值对或者集合 前端JS请求: //返回值为map的形式 //返回值为map的形式 $(".name").blur(function(){ $(".name").blur(function(){ $.ajax({ $.ajax({ type:"Post",//请求类型 type:"Pos 阅读全文
posted @ 2019-08-27 17:11 那些年的代码 阅读(5940) 评论(0) 推荐(0)