pj demo by tuzkiss

<!-- pjdemo temple html -->

<!-- main html   -->

<!-- search panel begin -->
<div id="SearchID" title="查询信息" style="width: auto; height: auto;
    padding: 10px 10px;" class="clearfix">
</div>
<!-- search panel end -->

<!-- datagrid end -->
<div class="grid-panel">
    <table id="tableID">
        <thead>
            <tr>
                <th data-options="field:'ck',checkbox:true,width:30">
                </th>
                <th data-options="field:'BillNumber',width:100">
                    票据号码
                </th>
            </tr>
        </thead>
    </table>
</div>

<!-- datagrid toolbar begin -->
<div id="datagridToolBarID" >
    <a href="javascript:;" class="btn btn-default" id="add">add</a>
</div>
<!-- datagrid toolbar end -->
<!-- datagrid end -->

<!-- dialog begin -->
<div id="DialogID" style="padding: 20px 20px">
</div>
<!-- dialog end -->

<script>
    // ajax load search panel
    $('#SearchID').load('/TransferDiscount/Search', function () {
        adjustForm('searchForm', 'search');
        loadSearchSuccess();
    });

    // ajax load success event
    var loadSearchSuccess = function () {
        adjustDatagrid('dlgSearchDiscountBillForBank');

        definedDataGrid('tableID', '', 'datagridToolBarID');
    };

    // toolbar click event
    $('#add').bind('click', function () {
        var dialog = 'DialogID';
        $('#' + dialog).html('');
        $('#' + dialog).load('/TransferDiscount/Add', function () {
            adjustForm(dialog, 'add');
            layerDialog('新增页面', dialog, 'btnSave', save);
        });
    });

    // save event 
    var save = function () {
        // do something here
        console.log('save done');

        closeDialog();
    }
</script>


------------------------------我是华丽丽的分割线 ~~~~(>_<)~~~~ ---------------------------

<!-- search html -->

<form id="searchForm" method="post">
	<div class="input-group-1 hidden search">
	    <div class="label-80">
	        Demo</div>
	    <div class="input-150">
	        <input type="text" id="" class="form-control input-sm " />
	    </div>
	</div>
</form>

<script type="text/javascript">
    datePicker();
</script>


------------------------------我是华丽丽的分割线 ~~~~(>_<)~~~~ ---------------------------

<!-- add html -->

<div class="box">
    <form id="TransferDiscountForm" method="post">
        <div class="input-group-1 add">
	        <div class="label-80">
	            add demo</div>
	        <div class="input-150">
	            <input type="text" id="" class="form-control input-sm" />
	        </div>
	    </div>
    </form>
    <div class="btn-panel">
        <input id="btnSave" type="button" class="btn btn-primary" value="保存" />
    </div>
</div>
<script type="text/javascript">
    datePicker();
</script>