bootstrap editable初始化后表单
- function loadData() {
 - var url = "${ctx }/sys/marketing/product/page";
 - $('#tablepager').bootstrapTable({
 - url: url,
 - dataType: "json",
 - pagination: true, //分页
 - singleSelect: true,//只能选择一行
 - clickToSelect: true,
 - search: false, //显示搜索框
 - sidePagination: "server", //服务端处理分
 - pageNumber: 1,
 - pageSize: 10,
 - pageList: [10, 20, 50, 100],
 - queryParams:function(params){
 - var par={"markingCode":$("#searchmarkingCode").val(),"markingName":$("#searchMarkingName").val(),"productCode":$("#searchproductCode").val(),"productName":$("#searchProductName").val(),"productType":$("#searchproductType").val(),};
 - var p= $.extend({},params,par);
 - return p;
 - },
 - showColumns: true,
 - showRefresh: true,
 - showToggle: true,
 - toolbar: "#tableToolbar",
 - onEditableSave: function (field, row, oldValue, $el) {
 - $.ajax({
 - type: "post",
 - url: "${ctx }/sys/marketing/product/" + row.id,
 - data:{ "_method": "put","id":row.id,"markingName":row.markingName,"productType":row.productType,
 - "markingPrice":row.markingPrice,"productName":row.productName,"markingCode":row.markingCode,
 - "productCode":row.productCode},
 - dataType: 'JSON',
 - success: function (data, textStatus, jqXHR) {
 - layer.msg("编辑成功", {icon: 7});
 - },
 - error: function () {
 - layer.msg("error", {icon: 7});
 - },
 - complete: function () {
 - }
 - });
 - },
 - columns: [{
 - checkbox: true
 - },
 - {
 - field : "markingCode",
 - title : "活动编码"
 - }
 - ,
 - {
 - field : "markingName",
 - title : "活动名称"
 - }
 - ,
 - {
 - field : "productCode",
 - title : "产品编码"
 - }
 - ,
 - {
 - field : "productName",
 - title : "产品名称"
 - }
 - ,
 - {
 - field : "markingPrice",
 - title : "活动价格(¥)",
 - editable: {
 - type: 'text',
 - title: '活动价格(¥)',
 - validate: function (v) {
 - if ($.trim(v) == '') {
 - return '活动价格不能为空!';
 - }
 - if (isNaN(v)) {
 - return '活动价格必须是数字';
 - }
 - var reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;
 - if(!reg.test(v)) {
 - return '请输入正确的价格';
 - }
 - },
 - }
 - }
 - ,
 - {
 - field : "productType",
 - title : "产品类型",
 - formatter: function (value) {
 - switch (value) {
 - case 1:
 - return "门票";
 - case 2:
 - return "酒店";
 - case 3:
 - return "餐饮";
 - case 4:
 - return "普通商品";
 - default:
 - return "-";
 - }
 - }
 - }
 - ],
 - });
 - }
 
bootstrap editable初始化后表单的更多相关文章
- bootstrap editable初始化后表单可修改数据
		
function loadData() { var url = "${ctx }/sys/marketing/product/page"; $('#tablepager').boo ...
 - Bootstrap历练实例:表单帮助文件
		
Bootstrap表单控件可以在输入框input上有一个块级帮助文本,为了添加一个占用整个宽度的内容块,请在input后添加help-block. 实例: <!DOCTYPE html>& ...
 - Bootstrap系列 -- 12. 水平表单
		
Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右) 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1.在<form ...
 - Bootstrap学习笔记(二)  表单
		
在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...
 - Bootstrap -- 表格样式、表单布局
		
Bootstrap -- 表格样式.表单布局 1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http- ...
 - 基于Bootstrap+jQuery.validate Form表单验证实践
		
基于Bootstrap jQuery.validate Form表单验证实践 项目结构 : github 上源码地址:https://github.com/starzou/front-end- ...
 - php history.back返回后表单数据丢失的解决办法
		
js使用history.back返回表单数据丢失的主要原因就是使用了session_start();的原因,该函数会强制当前页面不被缓存.本文章向码农介绍php history.back返回后表单数据 ...
 - Bootstrap历练实例:表单控件大小
		
表单控件大小 您可以分别使用 class .input-lg 和 .col-lg-* 来设置表单的高度和宽度. 实例: <!DOCTYPE html><html><hea ...
 - Bootstrap历练实例:表单控件状态(禁用的字段集fieldset)
		
禁用的字段集 fieldset 对 <fieldset> 添加 disabled 属性来禁用 <fieldset> 内的所有控件. <!DOCTYPE html>& ...
 
随机推荐
- 利用pcl数据结构,实现RegionGrowing的复现
			
这篇博客是pcl中区域增长的算法进行简介以实现重写,并添加了一些判断条件. 起初原因是在使用pcl封装的regionGrowing时,效果不太好. 于是想自己重新写一下,通过改变其中种子点的生成策略和 ...
 - redis         哈希   数据类型
			
哈希 hset 设置哈希表字段 hset 8000 ename tom hset 8000 job salesman hget 8000 ename "tom" hget ...
 - 微信小程序实现滑动删除效果
			
在一些app中,随处可见左滑动的效果,在微信小程序中,官方并未提供相关组件,需要我们自己动手写一个类似的效果 下面仅列举出核心代码,具体的优化需要根据你自身的需求 <view class='li ...
 - css sticky footer 布局
			
方法一:footer 上用负的 margin-top 在内容外面需要额外包一层元素(wrap)来让它产生对应的 padding-bottom.是为了防止负 margin 导致 footer 覆盖任何实 ...
 - unittest  assert断言
			
unittest常用的断言方法 1.assertEqual(self, first, second, msg=None) --判断两个参数相等:first == second 2.assertNotE ...
 - Linux往log中写日志
			
void writelog(const char* log) { time_t tDate; struct tm* eventTime; time(&tDate);//得到系统当前时间 //将 ...
 - HashMap的相关面试题
			
HashMap的工作原理是近年来常见的Java面试题.几乎每个Java程序员都知道HashMap,都知道哪里要用HashMap,知道Hashtable和HashMap之间的区别,那么为何这道面试题如此 ...
 - 交叉工具链和makefile
			
交叉工具链: arm-linux-gcc:交叉编译器 arm-linux-ld:交叉连接器 arm-linux-readelf:交叉ELF文件工具 arm-linux-objdump:交叉反汇编器 a ...
 - Codeforces Round #605 (Div. 3) 比赛总结
			
比赛情况 2h才刀了A,B,C,D.E题的套路做的少,不过ygt大佬给我讲完思路后赛后2min就AC了这题. 比赛总结 比赛时不用担心"时间短,要做多快",这样会匆匆忙忙,反而会做 ...
 - Tomcat的3种部署方式
			
tomcat部署的三种方式及优缺点对比 部署方法一:将编译成功的web项目直接放到webapps目录中(注意是编译成功的web项目,也可以是war包): 部署方式二:修改tomcat安装目录下的 ...