02.java实现冷饮批发管理系统-页面设计之【选择店铺页面】

需求：用户设置完收货地址，系统判断该地址里对应的商铺列表。

HTML 预览

         "UTF-8">
         冷饮批发/选择冷饮店铺
         "stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css">
         "stylesheet" type="text/css" href="../js/easyui/themes/icon.css">
         "stylesheet" type="text/css" href="../css/bootstrap.min.css" />
         "text/javascript" src="../js/easyui/jquery.min.js">
         "text/javascript" src="../js/easyui/jquery.easyui.min.js">
         "text/javascript" src="../js/easyui/plugins/datagrid-detailview.js">
         "text/javascript" src="../js/bootstrap.min.js">


         "cc" class="easyui-layout" style="width:1000px;height:750px;overflow:hidden;margin: 0 auto;"  border="false" >
             "region:'north'" style="height:50px;" >

     

            "region:'center'" style="padding:0px;background:#eee;" border="false" >  

                  

                "true" id="dg" class="easyui-datagrid" title="选择冷饮店铺" iconCls="icon-shield"  

                       toolbar="#tb" idField="id" rownumbers="true" singleSelect="true"  pagination="true"  

                       style="width:800px;height:400px"  

                       fitColumns="true" remoteSort="false"  

                       >  

                      

                      

                        "number" align="center" width="80" hidden="true">编号  

                        "saler" align="center" width="80" >卖家  

                        "name" align="center" width="100" >店铺名称  

                          

                        "desc" align="center" width="200">店铺介绍  

                        "position" align="center" width="200">店铺地址  

                        "rule" align="center" width="200">优惠规则  

                        "postWay" align="center" width="200">送货方式  

                        "tel" align="center" width="200">联系方式  

                      

                      

                  

                "tb" style="padding:5px">  

                    店铺名:      

                    "id" class="easyui-textbox" prompt="请输入店铺名称"  

                           style="width:170px;height:26px;">      

                      

                    "#" iconCls="icon-search" class="easyui-linkbutton" οnclick="doSearch()">查询  

                        

                

  

                "text/javascript">  

                var cardview = $.extend({}, $.fn.datagrid.defaults.view, {  

                    renderRow: function(target, fields, frozen, rowIndex, rowData){  

                        var cc = [];  

                        cc.push('"padding:10px 5px;border:0;">');  

                        if (!frozen){  

                            //var aa = rowData.itemid.split('-');  

                            var img = 'shopone'  + '.png';  

                            cc.push(""+(rowIndex+1)+"

");  

                            cc.push('"../img/' + img + '" style="width:200px;float:left">');  

                            cc.push('"float:left;margin-left:20px; width:500px;" >');  

                            //取出商家编号  

                            //var firstline== $(target).datagrid('getColumnOption', fields[0]);  

                            for(var i=0; i

                                var copts = $(target).datagrid('getColumnOption', fields[i]);  

                                  

                                if(i==0){  

                                    //cc.push("
");  

                                    //cc.push('

' + copts.title + ': ' + rowData[fields[i]] + '

');  

                                }else{  

                                    cc.push('

class="c-label">' + copts.title + ': ' + rowData[fields[i]] + '

');  

                                }  

                                }  

                            //cc.push('进店批发');  

                            cc.push('

');  

                            cc.push("+rowData[fields[0]]+"')\" style=\"float:left;margin-left:5px;margin-top:80px;\">进店批发 

");  

                        }  

                        cc.push('');  

                        return cc.join('');  

                    }  

                });  

      

                    $("#dg").datagrid({  

                        "url":"shops.json",  

                        "method":"get",  

                        "view":cardview  

                           

                    });  

                  

                                 

            

     

            "region:'south',split:false" style="height:30px;text-align: center;" >  

                版权所有@冷饮批发管理系统  Copyright 2016-2017