grview使用样例

第三方控件使用样例

对话框 example_dialog

简单读取 example_simple_get

			URL:http://example_simple?cmd_no=1&cmd_name=cmd1
			METHOD: GET
			DATA: none
			

简单提交 example_simple_post

			URL: http://example_simple
			METHOD: POST
			DATA: {cmd_no:1,cmd_name:'cmd1',cmd_array:['ss1','ss2','ss3']}
			

cmd_no:

cmd_name:

复杂读取 example_complex_get

				URL: http://example_complex
				METHOD: GET
				从服务器获得复杂数据并展示
			

cmd_no:

cmd_name:

cmd_bean:

复杂提交 example_complex_post

				URL: http://example_complex
				METHOD: POST
				向服务器提交复杂数据
			
cmd_no:
cmd_name:
cmd_list:
product_no: product_date:
product_no: product_date:

表单元素只读与禁用 example_access_form_element

操纵下拉列表 example_select

简单增加: 带参数增加

联动下拉列表

操纵列表 example_list

简单增加
    带参数增加
      一次多个
        一次多个

          表格 example_table

          用KeyVal生成表 显示"更多"按钮 显示“前/后”按钮 添加新行 更新表体 求和 || 清空表 || 用Matrix生成表 显示“更多”按钮 显示“前/后”按钮 添加新行 更新表体 求和+改变COL

          行可扩展表格按钮可根据行值变动


          双向拖拽example_dnd(1)

          沪B12345 沪H12345 沪DC138K 沪E33456
          沪A99999 沪C88888 沪E66666

          左向右单向交换拖拽example_dnd(2)

          沪B12345 沪H12345 沪DC138K 沪E33456
          沪A99999 沪C88888 沪E66666

          换车example_dnd(3)

          待派

          沪B12345 沪H12345 沪DC138K 沪E33456

          已派

          线路1
          沪A99999
          线路2
          沪C88888
          线路3
          沪E66666

          标签页 example_page

          生成页面:直接 生成页面:用模板 生成页面:用模板+标签列表 连续切换页面(发送消息)
          HTML部分最简单的形式
          <div id="example_tab">
          	<div class="page-head"> //标题,可以没有
          	</div>
          	<div class="page-label"> //tab标签,可以没有
          		<span>标签1</span><span>标签3</span> //可以没有,有则必须是span
          		<a class="page-close-btn"></a> //关闭标签按钮,可以没有
          	</div>
          	<div class="page-body"> //tab页,必须有
          		<div>...</div><div>...</div> //可以没有,有则必须是div
          	</div>
          </div>
          		
          JavaScript:
          //最简单形式:直接根据HTML生成所有tab页
          var pg=new page("#example_tab");
          
          //根据模板动态生成tab页
          pg.gen({template:"#page_template"});
          		

          单纯上传文件(必须先登录)

          选择文件:
          结果:

          写数据库并上传文件(必须先登录)

          产品名称: 选择文件:
          结果:

          折叠页面 gg.fold

          利用gg.fold构造可折叠页: 在蓝色标题上单击可以折叠div。关键是三个CSS类,js只需一句话:new gg.fold()

          fold header1
          11111 11111
          fold header2
          22222 22222