xmledit
<!--XMLform配置页面XMLform配置页面XMLform配置页面XMLform配置页面XMLform配置页面2016-11-29--> <div class="wrapper wrapper-content formedit fadeInRight noTopPadding"> <div class="row"> <div class="col-lg-12"> <div class="ibox float-e-margins"> <!--固定部分--> <div class="navbar-fixed-top"> <div class="ibox-title ibox-title-custom navbar-wrapperpp"> <h5>Form 配置</h5> <div class="ibox-tools"> <button class="ladda-button btn btn-primary">保存</button> <button class="btn btn-large testbgcolor">取消</button> </div> </div> </div> <!--内容--> <div class="ibox-content iboox-content-custom"> <!--第一部分——门店信息新增--> <div class="row"> <div class="col-lg-12"> <div class="ibox float-e-margins ibox-custom"> <div class="ibox-title"> <h5>Form 基本信息</h5> <div ibox-tools></div> </div> <div class="ibox-content"> <form class="form-horizontal"> <div class="col-sm-6"> <div class="form-group form-group-sm"> <label for="a_Alias" class="col-sm-3 control-label"> 字段文本名称(前) </label> <div class="col-sm-8"> <input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope" title="联合国联合国及韩"> <i class="fa fa-exclamation-circle"></i> 联合国及韩国及 </p> </div> </div> </div> </div> <div class="col-sm-6 "> <div class="form-group form-group-sm"> <label for="a_ChineseName" class="col-sm-3 control-label"> 字段数据库名称 </label> <div class="col-sm-8"> <input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope">联合国及韩国法院关于</p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group form-group-sm"> <label for="a_Alias" class="col-sm-3 control-label"> 字段文本名称(后) </label> <div class="col-sm-8"> <input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope" title="联合国及韩联合国"> <i class="fa fa-exclamation-circle"></i> 联合国及韩合国及 </p> </div> </div> </div> </div> <div class="col-sm-6 "> <div class="form-group form-group-sm"> <label for="a_ChineseName" class="col-sm-3 control-label"> 文段说明文字 </label> <div class="col-sm-8"> <input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope">联合国及韩国法院关于</p> </div> </div> </div> </div> <div class="col-sm-6 "> <div class="form-group form-group-sm"> <label for="a_ChineseName" class="col-sm-3 control-label"> 字段数据库名称 </label> <div class="col-sm-8"> <input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope">联合国及韩国法院关于</p> </div> </div> </div> </div> <div class="col-sm-6 "> <div class="form-group form-group-sm"> <label for="a_ChineseName" class="col-sm-3 control-label"> 数据库类型 </label> <div class="col-sm-8"> <input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope">联合国及韩国法院关于</p> </div> </div> </div> </div> <div class="col-sm-6 "> <div class="form-group form-group-sm"> <label for="a_ChineseName" class="col-sm-3 control-label"> 默认值 </label> <div class="col-sm-8"> <input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text"> <!---错误信息栏--> <div class="help-block ng-inactive"> <!-- ngMessage: even --> <p class="error ng-scope">联合国及韩国法院关于</p> </div> </div> </div> </div> <div class="clearfix"></div> </form> </div> </div> </div> </div> <!--第二部分——门店照片信息--> <div class="row" ng-controller="treetableController"> <div class="col-lg-12"> <div class="ibox float-e-margins ibox-custom"> <div class="ibox-title"> <h5>字段信息</h5> <div ibox-tools></div> </div> <div class="ibox-content"> <div class="bootstrap-table"> <div class="fixed-table-toolbar"> <div class="navbar-wrapper"> <div class="bars pull-leftt navbar-fixed-topp"> <div id="toolbar" class="btn-group"> <button ladda="loading.btn_add" data-spinner-color="#ff0000" id="btn_add" name="btn_add" type="button" class="btn btn-default ladda-button" title="增加" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-plus"></span>增加 <span class="ladda-spinner"></span> </button> <button ladda="loading.btn_delete" data-spinner-color="#ff0000" id="btn_delete" name="btn_delete" type="button" class="btn btn-default ladda-button" title="删除" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-remove"></span>删除 <span class="ladda-spinner"></span> </button> <button ladda="loading.btn_edit" data-spinner-color="#ff0000" id="btn_edit" name="btn_edit" type="button" class="btn btn-default ladda-button" title="修改" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-edit"></span>修改 <span class="ladda-spinner"></span> </button> <button ladda="loading.btn_view" data-spinner-color="#ff0000" id="btn_view" name="btn_view" type="button" class="btn btn-default ladda-button" title="查看" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-pencil"></span>查看 <span class="ladda-spinner"></span> </button> <button ladda="loading.btn_search" data-spinner-color="#ff0000" id="btn_search" name="btn_search" type="button" class="btn btn-default ladda-button" title="查询" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-search"></span>查询 <span class="ladda-spinner"></span> </button> <button ladda="loading.btn_export" data-spinner-color="#ff0000" id="btn_export" name="btn_export" type="button" class="btn btn-default ladda-button" title="导出" data-style="zoom-out"> <span class="ladda-label glyphicon glyphicon-export"></span>导出 <span class="ladda-spinner"></span> </button> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div class="treegrid-height"> <tree-grid configName="SysMenusGrid" tableconfig='{"gridViewBase":{"gridViewId":"ID1D49B83F882A45149866990344D3AF59","ngModel":"NM1D49B83F882A45149866990344D3AF59","method":"POST","url":"","cache":false,"singleSelect":true,"pagination":true,"classes":"table table-hover","sort":"asc","sortName":"a_SortLevel","striped":true,"locales":"zh-US","search":false,"showColumns":true,"showRefresh":true,"minimumCountColumns":2,"showExport":false,"exportDataType":"all","showToggle":true,"pageSize":10,"pageNumber":1,"idField":"a_ID","selectItemName":"a_MenuName","_gridPickerSelectField":"a_MenuName","silent":true,"clickToSelect":true,"queryParamsType":"limit","sidePagination":"server","fistColumn":{"checkbox":true,"align":"center"}},"columns":[{"isVirtualField":false,"field":"a_MenuName","fkField":"","title":"\u83DC\u5355\u540D\u79F0","titleTooltip":"\u83DC\u5355\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":3,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ConfigName","fkField":"","title":"\u914D\u7F6E\u540D\u79F0","titleTooltip":"\u914D\u7F6E\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":4,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_SortLevel","fkField":"","title":"\u6392\u5E8F\u7EA7\u522B","titleTooltip":"\u6392\u5E8F\u7EA7\u522B","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":5,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ClassStyle","fkField":"","title":"\u6837\u5F0F","titleTooltip":"\u6837\u5F0F","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":6,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsVisible","fkField":"","title":"\u662F\u5426\u83DC\u5355\u663E\u793A","titleTooltip":"\u662F\u5426\u83DC\u5355\u663E\u793A","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":7,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsValid","fkField":"","title":"\u662F\u5426\u542F\u7528","titleTooltip":"\u662F\u5426\u542F\u7528","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":8,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ModifyTime","fkField":"","title":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","titleTooltip":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","align":"left","sortable":true,"width":null,"order":"","formatter":"formatterDatetime","level":9,"visible":true,"gridPickerShow":true,"notExport":false}]}' tree-data="tree_data" id="datagrid-view" col-defs="col_defs" expand-on="expanding_property" on-select="treeGrid.my_tree_handler(branch)" expand-level="2" icon-leaf="fa fa-file-o"></tree-grid> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> @*固定部分*@ <script type="text/javascript"> $(".navbar-fixed-top").headroom( { // vertical offset in px before element is first unpinned offset: 60, // scroll tolerance in px before state changes tolerance : 60, // or you can specify tolerance individually for up/down scroll tolerance : { up : 300, down : 0 }, classes : { // when element is initialised initial: "headr", // when scrolling up pinned: "headroom--pinned", // when scrolling down unpinned: "headroom", // when above offset top : "headroom--top", // when below offset notTop : "headroom--not-top", // when at bottom of scoll area bottom : "headroom--bottom", // when not at bottom of scroll area notBottom : "headroom--not-bottom" }, }) </script> <div class="modal-dialog modal-lg pop-up-box" style="display:non"> <div class="modal-content"> <div class="inmodal ng-scope"> <div class="modal-body ibox"> <div class="ibox-content noBorderTop"> <div class="clearFix"> <ul class="fr ul-btn"> <li class="fl"> <button class="btn btn-primary" type="button" ng-click="pop.winOpen(selected,model)" name=""> 保存 </button> </li> <li class="fl"> <button class="btn btn-white" type="button" ng-click="pop.remove()" name=""> 取消 </button> </li> </ul> </div> <div class="tabs-container tab-content-custom"> <uib-tabset> <uib-tab> <uib-tab-heading> 字段文本1 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="1" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> <uib-tab> <uib-tab-heading> 字段属性2 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="3" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据库类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> <uib-tab> <uib-tab-heading> 样式3 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据库类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> <uib-tab> <uib-tab-heading> 样式弹出框4 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据库类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> <uib-tab> <uib-tab-heading> 字段关系5 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据库类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> <uib-tab> <uib-tab-heading> 树或多选框6 </uib-tab-heading> <div class="panel-body"> <fieldset class="form-horizontal"> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label> <div class="col-sm-7"> <input required="required" placeholder="111" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label> <div class="col-sm-7"> <input required="required" placeholder="22" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">字段数据库名称</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">默认值</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文段说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">文本框说明文字</label> <div class="col-sm-7"> <input required="required" placeholder="" class="form-control" type="text"> </div> </div> </div> <div class="col-sm-8"> <div class="form-group form-group-sm"> <label for="" class="col-sm-3 control-label text-right">数据库类型</label> <div class="col-sm-7"> <div class="input-group"> <input required="required" placeholder="" class="form-control" type="text"> <span class="input-group-addon"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </fieldset> </div> </uib-tab> </uib-tabset> </div> </div> </div> </div> </div> </div> <script> $(function () { $('#myTab a:first').tab('show');//初始化显示哪个tab $('#myTab a').click(function (e) { e.preventDefault();//阻止a链接的跳转行为 $(this).tab('show');//显示当前选中的链接及关联的content }) $('#myTab2 a:first').tab('show');//初始化显示哪个tab $('#myTab2 a').click(function (e) { e.preventDefault();//阻止a链接的跳转行为 $(this).tab('show');//显示当前选中的链接及关联的content }) }) </script>