前端表單幫助文檔

 

1.單選框

 @Html.RadiosFor("Sex", "09:30-10:30", new string[] { "1", "2", "3" }, new string[] { "男", "", "未定" })     

獲取選中值

  //radio改變時候獲取到值
$('input[type=radio][name=TimeBetween]').change(function () { var val =$("input[name='TimeBetween']:checked").val(); });

 2.複選框

   @Html.ChecksFor("ckLable", Model.Lable, new string[] { "客廳", "餐廳", "臥室"}, new string[] { "客廳", "餐廳", "臥室"})

獲取選中的值逗號隔開

        var ids = new Array();
            //獲取所有選中的值,將其用逗號隔開
            $('input[name="ckLable"]:checked').each(function (index, value) {
                ids.push($(this).val());
            })
            $("#Lable").val(ids.join(','));

 3.日期格式

<input id="BeginTime" name="BeginTime" value="" type="text" class="Wdate" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss', isShowToday: true, isShowClear: false,lang:'zh-cn' })" />

 4.DataGri行內狀態樣式

<span class='label label-success'>成功</span>
<span class='label label-error'>失敗</span>
<span class='label label-info'>信息</span>
<span class='label label-warning'>警告</span>

5.DataGrid操作按鈕樣式

{
                    field: 'Oper', title: '@Resource.操作', width: 80, sortable: false, align: 'center', formatter: function (value, row, index) {
                        return "<a class='fa fa-plus btn-icon-success' title='Create' onclick='Create(\"" + row.Id + "\");'></a>" +
                            "<a class='fa fa-pencil btn-icon-warning' title='Edit' onclick='Edit(\"" + row.Id  + "\");'></a>" +
                            "<a class='fa fa-trash btn-icon-danger' title='Delete' onclick='Delete(\"" + row.Id  + "\");'></a>";
                   }
},

6.Tips提示信息框

<div class="showtip" id="showtip">
    <div>
        Tips:這是一條信息幫助的提示
    </div>
</div>

7.超鏈接

<div><a href="#" class="a-org a-unline">橘紅色</a></div>
<div><a href="#" class="a-blue a-unline">藍色</a></div>
<div><a href="#" class="a-red a-unline">紅色</a></div>
<div><a href="#" class="a-black a-unline">黑色</a></div>
<div><a href="#" class="a-org a-unline">橘紅色帶下劃線</a></div>
<div><a href="#" class="a-blue a-unline">藍色帶下劃線</a></div>
<div><a href="#" class="a-red a-unline">紅色帶下劃線</a></div>
<div><a href="#" class="a-black a-unline">黑色帶下劃線</a></div>

 

注:後面會繼續補充

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章