1. function loadData() {
  2. var url = "${ctx }/sys/marketing/product/page";
  3. $('#tablepager').bootstrapTable({
  4. url: url,
  5. dataType: "json",
  6. pagination: true, //分页
  7. singleSelect: true,//只能选择一行
  8. clickToSelect: true,
  9. search: false, //显示搜索框
  10. sidePagination: "server", //服务端处理分
  11. pageNumber: 1,
  12. pageSize: 10,
  13. pageList: [10, 20, 50, 100],
  14. queryParams:function(params){
  15. var par={"markingCode":$("#searchmarkingCode").val(),"markingName":$("#searchMarkingName").val(),"productCode":$("#searchproductCode").val(),"productName":$("#searchProductName").val(),"productType":$("#searchproductType").val(),};
  16. var p= $.extend({},params,par);
  17. return p;
  18. },
  19. showColumns: true,
  20. showRefresh: true,
  21. showToggle: true,
  22. toolbar: "#tableToolbar",
  23. onEditableSave: function (field, row, oldValue, $el) {
  24. $.ajax({
  25. type: "post",
  26. url: "${ctx }/sys/marketing/product/" + row.id,
  27. data:{ "_method": "put","id":row.id,"markingName":row.markingName,"productType":row.productType,
  28. "markingPrice":row.markingPrice,"productName":row.productName,"markingCode":row.markingCode,
  29. "productCode":row.productCode},
  30. dataType: 'JSON',
  31. success: function (data, textStatus, jqXHR) {
  32. layer.msg("编辑成功", {icon: 7});
  33. },
  34. error: function () {
  35. layer.msg("error", {icon: 7});
  36. },
  37. complete: function () {
  38.  
  39. }
  40. });
  41. },
  42. columns: [{
  43. checkbox: true
  44. },
  45. {
  46. field : "markingCode",
  47. title : "活动编码"
  48. }
  49. ,
  50. {
  51. field : "markingName",
  52. title : "活动名称"
  53. }
  54. ,
  55. {
  56. field : "productCode",
  57. title : "产品编码"
  58. }
  59. ,
  60. {
  61. field : "productName",
  62. title : "产品名称"
  63. }
  64. ,
  65. {
  66. field : "markingPrice",
  67. title : "活动价格(¥)",
  68. editable: {
  69. type: 'text',
  70. title: '活动价格(¥)',
  71. validate: function (v) {
  72. if ($.trim(v) == '') {
  73. return '活动价格不能为空!';
  74. }
  75. if (isNaN(v)) {
  76. return '活动价格必须是数字';
  77. }
  78. var reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;
  79. if(!reg.test(v)) {
  80. return '请输入正确的价格';
  81. }
  82. },
  83. }
  84. }
  85. ,
  86. {
  87. field : "productType",
  88. title : "产品类型",
  89. formatter: function (value) {
  90. switch (value) {
  91. case 1:
  92. return "门票";
  93. case 2:
  94. return "酒店";
  95. case 3:
  96. return "餐饮";
  97. case 4:
  98. return "普通商品";
  99. default:
  100. return "-";
  101. }
  102. }
  103. }
  104. ],
  105. });
  106. }

bootstrap editable初始化后表单的更多相关文章

  1. bootstrap editable初始化后表单可修改数据

    function loadData() { var url = "${ctx }/sys/marketing/product/page"; $('#tablepager').boo ...

  2. Bootstrap历练实例:表单帮助文件

    Bootstrap表单控件可以在输入框input上有一个块级帮助文本,为了添加一个占用整个宽度的内容块,请在input后添加help-block. 实例: <!DOCTYPE html>& ...

  3. Bootstrap系列 -- 12. 水平表单

    Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右) 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1.在<form ...

  4. Bootstrap学习笔记(二) 表单

    在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...

  5. Bootstrap -- 表格样式、表单布局

    Bootstrap -- 表格样式.表单布局 1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http- ...

  6. 基于Bootstrap+jQuery.validate Form表单验证实践

    基于Bootstrap jQuery.validate Form表单验证实践 项目结构 :     github 上源码地址:https://github.com/starzou/front-end- ...

  7. php history.back返回后表单数据丢失的解决办法

    js使用history.back返回表单数据丢失的主要原因就是使用了session_start();的原因,该函数会强制当前页面不被缓存.本文章向码农介绍php history.back返回后表单数据 ...

  8. Bootstrap历练实例:表单控件大小

    表单控件大小 您可以分别使用 class .input-lg 和 .col-lg-* 来设置表单的高度和宽度. 实例: <!DOCTYPE html><html><hea ...

  9. Bootstrap历练实例:表单控件状态(禁用的字段集fieldset)

    禁用的字段集 fieldset 对 <fieldset> 添加 disabled 属性来禁用 <fieldset> 内的所有控件. <!DOCTYPE html>& ...

随机推荐

  1. 利用pcl数据结构,实现RegionGrowing的复现

    这篇博客是pcl中区域增长的算法进行简介以实现重写,并添加了一些判断条件. 起初原因是在使用pcl封装的regionGrowing时,效果不太好. 于是想自己重新写一下,通过改变其中种子点的生成策略和 ...

  2. redis 哈希 数据类型

    哈希 hset  设置哈希表字段 hset 8000 ename tom   hset 8000 job salesman hget 8000 ename  "tom" hget  ...

  3. 微信小程序实现滑动删除效果

    在一些app中,随处可见左滑动的效果,在微信小程序中,官方并未提供相关组件,需要我们自己动手写一个类似的效果 下面仅列举出核心代码,具体的优化需要根据你自身的需求 <view class='li ...

  4. css sticky footer 布局

    方法一:footer 上用负的 margin-top 在内容外面需要额外包一层元素(wrap)来让它产生对应的 padding-bottom.是为了防止负 margin 导致 footer 覆盖任何实 ...

  5. unittest assert断言

    unittest常用的断言方法 1.assertEqual(self, first, second, msg=None) --判断两个参数相等:first == second 2.assertNotE ...

  6. Linux往log中写日志

    void writelog(const char* log) { time_t tDate; struct tm* eventTime; time(&tDate);//得到系统当前时间 //将 ...

  7. HashMap的相关面试题

    HashMap的工作原理是近年来常见的Java面试题.几乎每个Java程序员都知道HashMap,都知道哪里要用HashMap,知道Hashtable和HashMap之间的区别,那么为何这道面试题如此 ...

  8. 交叉工具链和makefile

    交叉工具链: arm-linux-gcc:交叉编译器 arm-linux-ld:交叉连接器 arm-linux-readelf:交叉ELF文件工具 arm-linux-objdump:交叉反汇编器 a ...

  9. Codeforces Round #605 (Div. 3) 比赛总结

    比赛情况 2h才刀了A,B,C,D.E题的套路做的少,不过ygt大佬给我讲完思路后赛后2min就AC了这题. 比赛总结 比赛时不用担心"时间短,要做多快",这样会匆匆忙忙,反而会做 ...

  10. Tomcat的3种部署方式

    tomcat部署的三种方式及优缺点对比 部署方法一:将编译成功的web项目直接放到webapps目录中(注意是编译成功的web项目,也可以是war包):   部署方式二:修改tomcat安装目录下的  ...