如何在asp.net mvc中更改Jtable的编辑弹出css属性
如何在asp.net mvc中更改Jtable的编辑弹出css属性
提问于 2014-09-09 01:21:11
我在项目中添加了下面的jtable引用，但我的编辑弹出窗口和删除弹出窗口的行为非常奇怪。我正在搜索和浏览许多关于如何修复东西的教程，但由于我对Jtable非常陌生，所以在修复Jtabel的编辑弹出设计时遇到了困难。有没有人可以帮助我，我怎样才能让编辑流行起来呢？
我的观点是：
![<!doctype html>
<html lang="en">
<head>
@{
@model abcFinal.Models.AdminCatgMgmt
ViewBag.Title = "Process Manager :: Admin Category Manager";
}
<meta charset="utf-8">
<title>Process Manager :: Admin Category Manager</title>
<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<script src="~/Content/js/jquery-1.10.2.js"></script>
<script src="~/Content/js/jquery-ui.js"></script>
<link href="~/Scripts/jtable/themes/lightcolor/blue/jtable.css" rel="stylesheet" />
<script src="~/Scripts/jtable/jquery.jtable.js"></script>
<link href="~/Content/style.css" rel="stylesheet" />
<!-- Include one of jTable styles. -->
<link href="/jtable/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" />
<!-- Include jTable script file. -->
<script src="/jtable/jquery.jtable.min.js" type="text/javascript"></script>
@*<script src="~/scripts/adminorders/adminorders.js"></script>*@
@*<script src="~/Scripts/jtable/localization/jquery.jtable.tr.js"></script>*@
@*<script src="~/Content/AdminCategories/masinCategory.js"></script>*@
</head>
<body>
<br />
<h1>Process Manager :: Admin Category Manager</h1>
<br />
<div id="tabs" class =".mytab">
<ul>
<li><a href="#tabs-1">Main Category</a></li>
<li><a href="#tabs-2">Sub Category</a></li>
<li><a href="#tabs-3">Country</a></li>
<li><a href="#tabs-4">State</a></li>
<li><a href="#tabs-5">City</a></li>
<li><a href="#tabs-6">Shipping</a></li>
<li><a href="#tabs-7">Extra Services</a></li>
<li><a href="#tabs-8">S-Category</a></li>
</ul>
<div id="tabs-1">
<div id="mainCategoryTableContainer" style ="width:770px;margin-left:70px;margin-top:30px">
</div>
</div>
<div id="tabs-2">
<div id="subCategoryTableContainer" style ="width:770px;margin-left:70px;margin-top:30px">
</div>
</div>
<div id="tabs-3">
<div id="countryTableContainer" style ="width:770px;margin-left:70px;margin-top:30px">
</div>
</div>
<div id="tabs-4">
<div id="stateTableContainer" style ="width:800px;margin-left:70px;margin-top:30px">
</div>
</div>
<div id="tabs-5">
<div id="cityTableContainer" style ="width:800px;margin-left:70px;margin-top:30px">
</div>
</div>
<div id="tabs-6">
</div>
<div id="tabs-7">
</div>
<div id="tabs-8">
</div>
</div>
<script type="text/javascript">
$(function () {
$("#tabs").tabs(
{
collapsible: true
});
//$(".my_tab").bind("click", handle_tab_click)
$('#mainCategoryTableContainer').jtable({
title: 'Main Category list',
paging: true,
pageSize: 10,
sorting: true,
defaultSorting: 'subcatname ASC',
actions: {
listAction: '@Url.Action("getMainCategory")',
deleteAction: '@Url.Action("DeleteMainCategory")',
updateAction: '@Url.Action("EditMainCategory")',
createAction: '@Url.Action("AddMainCategory")'
},
fields: {
catid: {
title: 'Main Category Id',
width: '10%',
create: false,
edit: false,
key: true,
list: true
},
catname: {
title: 'Category Name',
width: '20%',
//edit: false,
//key: true,
},
noofsubcat: {
title: 'No. of Sub Category',
width: '10%',
create: false,
edit: false,
},
catdate: {
title: 'Sub Category Date',
width: '20%',
edit: false,
create: false,
}
}
});
$('#mainCategoryTableContainer').jtable('load');
});
</script>
</body>
</html>][1]回答 1
Stack Overflow用户
发布于 2014-10-14 21:02:25
你能给“行为非常怪异”下定义吗？
我在寻找其他东西时遇到了这个问题，快速浏览一下，我要做的第一件事就是只包含一个jtable实例，而不是两个都包含：
<script src="~/Scripts/jtable/jquery.jtable.js"></script>..。还有..。
<!-- Include jTable script file. -->
<script src="/jtable/jquery.jtable.min.js" type="text/javascript"></script>你只需要一个包含2个文件的文件，尽管这是一个简化的版本，但你会创建双重实例化的可能性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25729708
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号