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>& ...
随机推荐
- mongodb增删改查常用命令总结
前言 去年我还折腾过mongodb,后来用不到也就没碰了,这就导致了我忘的一干二净,不得不感叹,编程这东西只要不用,就会忘没了.现在我想重拾mongodb,来总结一下常用命令,主要就是增删改查. 另外 ...
- cmd打开指定目录技巧
在win的搜索栏直接打上“cmd”后回车 输入cmd 结果:
- 3-app应用操作——Models.py和字段类型
Models.py定义 每一个数据表对应一个model定义,model之间和java一样可以相互之间继承.所有的model都必须继承 from django.db import models#或间接继 ...
- 一个Accecc_Token生成和缓存和读取类,微信/小程序开发必须学
Access_Token是调用微信和小程序各种接口的临时凭证,有效期2小时(7200秒),很多接口都需要调用access_token接口生成一个access_token的,例如微信支付,微信分享,公众 ...
- Redis安装遇到的坑 stdlib.h: No such file or directory
我使用的是ubuntu,本来这几天失业,心情不是很好,准备复习一下新的知识,可是自己在安装redis的过程中遇到了很多的问题. 或许自己很菜. 废话不多说,说一下我遇到的一个大坑. root@ufiv ...
- ConditionalOnProperty的使用
时间 2018-02-23 标签 ConditionalOnPropert SpringBoot 栏目 Spring 原文 http://blog.csdn.net/u010002184/art ...
- python-函数4(递归、高阶函数)
python-函数4(递归.高阶函数) 递归 在函数内部,可以调用其他函数.如果一个函数在内部调用自身本身,这个函数就是递归函数. 递归特性: 1. 递归必须有一个明确的结束条件 2. 每次进入更深一 ...
- nginx的服务架构
nginx服务架构 模块 习惯上将nginx的模块分成核心模块,HTTP模块,邮件模块,以及第三方模块 核心模块主要包含两类功能的支持,一类是主体功能,包括进程管理,权限管理错误日志解析,配置解析:另 ...
- 基于Apache服务在centos7上搭建文件列表
参考文献: https://www.cnblogs.com/snake553/p/8856729.html https://blog.csdn.net/yejinxiong001/article/de ...
- mongodb,robomongo 数据查询
可视化管理工具:Robomongo 是开源,免费的MongoDB管理工具,下载地址:Robomongo下载 1. 基本查询: 构造查询数据. > db.test.findOne() ...