style_info.jsp 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  10. <!-- 避免IE使用兼容模式 -->
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  12. <meta name="renderer" content="webkit">
  13. <!-- 导入公共样式 -->
  14. <%@ include file="ap.jsp" %>
  15. </head>
  16. <style>
  17. #printTable td,th{
  18. font-size:16px;
  19. }
  20. </style>
  21. <body>
  22. <!-- layout布局 开始 -->
  23. <div data-toggle="topjui-layout" data-options="fit:true">
  24. <div data-options="region:'center',iconCls:'icon-reload',title:'',split:true,border:false">
  25. <div data-toggle="topjui-layout" data-options="fit:true">
  26. <div data-options="region:'center',title:'',fit:false,split:true,border:false,bodyCls:'border_right_bottom'"
  27. style="height:80%">
  28. <!-- datagrid表格 -->
  29. <table data-toggle="topjui-datagrid"
  30. data-options="id:'userDg',
  31. singleSelect:true,
  32. selectOnCheck:false,
  33. checkOnSelect:false,
  34. ">
  35. </table>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- 表格工具栏开始 -->
  41. <div id="userDg-toolbar" class="topjui-toolbar"
  42. data-options="grid:{
  43. type:'datagrid',
  44. id:'userDg'
  45. }">
  46. <a href="javascript:void(0)"
  47. data-toggle="topjui-menubutton"
  48. data-options="method:'openDialog',
  49. extend: '#userDg-toolbar',
  50. iconCls: 'fa fa-plus',
  51. dialog:{
  52. width: 450,
  53. height: 200,
  54. id:'userAddDialog',
  55. href:'styleC_add.jsp?K_id',
  56. buttonsGroup:[
  57. {text:'保存',url:'styleaddStyleC.action',iconCls:'fa fa-plus',handler:'ajaxForm',btnCls:'topjui-btn-brown'}
  58. ]
  59. }">添加详情</a>
  60. <a href="javascript:void(0)"
  61. data-toggle="topjui-menubutton"
  62. data-options="method: 'openDialog',
  63. extend: '#userDg-toolbar',
  64. iconCls: 'fa fa-pencil',
  65. btnCls: 'topjui-btn-green',
  66. grid: {
  67. type: 'datagrid',
  68. id: 'userDg'
  69. },
  70. dialog: {
  71. width: 450,
  72. height: 200,
  73. href:'styleC_add.jsp',
  74. url: 'stylefindByCid.action?id={id}',
  75. buttonsGroup: [
  76. {
  77. text: '更新',
  78. url: 'styleupdateStyleC.action',
  79. iconCls: 'fa fa-save',
  80. handler: 'ajaxForm',
  81. btnCls: 'topjui-btn-green'
  82. }
  83. ]
  84. }">编辑详情</a>
  85. <a href="javascript:void(0)"
  86. data-toggle="topjui-menubutton"
  87. data-options="method:'doAjax',
  88. extend: '#userDg-toolbar',
  89. btnCls:'topjui-btn-brown',
  90. iconCls:'fa fa-trash',
  91. url:'styledeleteStyleC.action',
  92. grid: {uncheckedMsg:'请先勾选要删除的数据',param:'id:id'}">删除详情</a>
  93. </div>
  94. <!-- 表格工具栏结束 -->
  95. <script>
  96. var K_id=request('id');
  97. $(function () {
  98. /* //隐藏文本框录入订单号
  99. $("#pla").val(place); */
  100. var userDg = {
  101. type: 'datagrid',
  102. id: 'userDg'
  103. };
  104. $("#userDg").iDatagrid({
  105. id: 'userDg',
  106. url: 'stylegetStylec.action?id='+K_id,
  107. columns: [[
  108. {field: 'id', title: 'UID', checkbox: true},
  109. {field: 'K_id', title: '款式id', hidden: true},
  110. {field: 'size', title: '颜色', sortable: true},
  111. {field: 'color', title: '尺寸', sortable: true}
  112. ]]
  113. });
  114. });
  115. //获取传入id
  116. function request(paras) {
  117. var url = location.href;
  118. var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
  119. var paraObj = { };
  120. for (var i = 0; j = paraString[i]; i++) {
  121. paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
  122. }
  123. var returnValue = paraObj[paras.toLowerCase()];
  124. if (typeof (returnValue) == "undefined") {
  125. return "";
  126. } else {
  127. return returnValue;
  128. }
  129. }
  130. </script>
  131. </body>
  132. </html>