easyui

最新推荐文章于 2025-09-09 08:37:13 发布

转载最新推荐文章于 2025-09-09 08:37:13 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/noert/p/3339896.html

文章标签：

#javascript #ViewUI

@section AdminOtherJs { <link href="~/Content/kindeditor/themes/default/default.css" rel="stylesheet" /> <script src="~/Scripts/DateFormat.js"></script> @Scripts.Render("~/bundles/kindeditor") <script type="text/javascript">

//监听回车事件 $("#toolbar").on('keyup', function (event) { if (event.keyCode == 13) { Search(); } });

function messager(title, msg) { $.messager.show({ title: title, msg: msg }); }

//获取选中行（多行）

function getSelections() { var ids = []; var rows = $('#dg').datagrid('getSelections'); for (var i = 0; i < rows.length; i++) { ids.push(rows[i].ID); } return ids.join(','); }

//查询

function reloadgrid(searchTitle, channelId) { var queryParams = $('#dg').datagrid('options').queryParams; queryParams.searchTitle = searchTitle; queryParams.channelId = channelId; $("#dg").datagrid('reload'); }

function Search() { reloadgrid($("#searchTitle").val(), $("#ChannelID1").val());

}

var url;

function Add() { $('#dlg').dialog('open').dialog('setTitle', '添加'); $('#fm').form('clear'); $('input[name=IsVisible]:eq(1)').attr('checked', true); $('input[name=IsArticle]:eq(1)').attr('checked', true); url = "/Admin/Article/AddClass"; }

function Remove() { var row = getSelections(); if (row) { $.messager.confirm('Confirm', '您确定要做此操作吗?', function (r) { if (r) { $.post('/Admin/Article/DateleClass', { ids: row }, function (result) { if (result == true) { $('#dg').datagrid('reload'); // reload the user data messager('success', "操作完成！");

} else { messager('Error', result); } }, 'json'); } }); } else { messager('Error', "请选择您要删除的行！"); } }

function Save() { $('#fm').form('submit', { url: url, onSubmit: function () { if ($(this).form('validate')) { messager('请等待', "正在请求服务器..."); }

return $(this).form('validate'); }, success: function (data) { //Removekindeditor(); $.messager.progress('close'); var result = eval('(' + data + ')'); if (result == true) { $('#dlg').dialog('close'); // close the dialog $('#dg').datagrid('reload'); // reload the user data messager('success', "操作完成！"); } else { messager('Error', result); } } }); }

function Isfunc(value) { if (value == 1) { return " <samp>是</samp>"; } else { return " <samp>否</samp>"; } }

$(function () { $('#ChannelID').combobox({ valueField: 'id', textField: 'text', editable: false,//不可编辑 required: true,//必填项目 }); }); </script> } @using Model @model IQueryable<Web_Channel> @section AdminOtherCss { <style type="text/css"> #fm { line-height: 30px; margin-top: 20px; } .fitem label { width: 125px; height: 30px; text-align: right; display: inline-block; } .fitem label.lab { width: auto; } </style> }

<thead> <tr> <th field="ID" checkbox="true"></th> <th field="Name">导航名称</th> <th field="ClassName">分类名称</th> <th field="IsVisible" width="150" formatter="Isfunc">是否显示</th> <th field="IsArticle" width="150" formatter="Isfunc">是否文章</th> </tr> </thead> </table> <div id="toolbar" style="padding: 5px; height: auto"> <div style="margin-bottom: 5px"> <div> <label> 导航名称:</label> <select id="ChannelID1" name="ChannelID1"> <option selected="selected">---选择导航---</option> @foreach (var c in Model) { <option value="@c.ID" >@c.Name</option> } </select> 分类名称: <input name="searchTitle" id="searchTitle" style="width: 150px" /> <a href="#" class="easyui-linkbutton" iconcls="icon-search" onclick="Search()">查询</a> </div> <br /> <div> <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="Add()">添加</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="edit()">编辑</a> <a href="#" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="Remove()">删除</a>

</div>

</div> </div>

<div class="fitem"> <label> 导航名称:</label> <select id="ChannelID" name="ChannelID"> @foreach (var c in Model) { <option value="@c.ID" >@c.Name</option> } </select> </div> <div class="fitem"> <label> 分类名称:</label> <input name="ClassName" id="ClassName" type="text" class="easyui-validatebox" required="true" missingmessage="不能为空" validtype="length[1,10]" invalidmessage="不能超过10个字！" /> </div> <div class="fitem"> <label>是否显示:</label> <label class="lab"> <input type="radio" name="IsVisible" value="true" />是</label> <label class="lab"> <input type="radio" name="IsVisible" value="false" />否</label>

</div> <div class="fitem"> <label>是否文章:</label> <label class="lab"> <input type="radio" name="IsArticle" value="true" />是</label> <label class="lab"> <input type="radio" name="IsArticle" value="false" />否</label> </div> </form> </div> <div id="dlg-buttons"> <a href="#" class="easyui-linkbutton" id="btnSubmit" iconcls="icon-ok" onclick="Save()">保存</a> <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#dlg').dialog('close');">取消</a> </div>

转载于:https://www.cnblogs.com/noert/p/3339896.html