- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在将 redmond themeroller 与 jqGrid 一起使用。文件 jquery-ui-1.8.16.custom.css 具有此覆盖层。
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
我认为它应该在网格上制作一个覆盖层来进行样式设计。但它似乎覆盖了我的整个页面,虽然网格本身仍然有鼠标事件,但页面的其余部分(包括网格的寻呼机/导航器部分)没有任何鼠标事件,并且按钮没有响应点击次数。网格之外的选项卡 - 也没有单击事件。即使该选项卡之外的选项卡(主要、用户...)也没有事件。如果我注释掉 ui-widget-overlay,那么所有按钮和选项卡都会再次工作,但屏幕的颜色会变浅,并且网格中的交替行颜色每行都变为白色。为什么会出现这种情况?
<link rel="stylesheet" type="text/css" media="screen" href="/plugins/snap/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/plugins/snap/jqModal.css" />
<script src="/plugins/snap/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/src/jqModal.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$().jquery;
function switch_tabs(obj)
{
$('.tab-content').hide();
$('.tabs a').removeClass("selected");
var id = obj.attr("rel");
$('#'+id).show();
obj.addClass("selected");
}
var lastsel_devinfo;
$(document).ready(function() {
$('.tabs a').click(function(){
switch_tabs($(this));
});
switch_tabs($('.defaulttab'));
//$('#devInfo").jqGrid('navGrid','#pager',{},{zIndex:1234},{zIndex:1234},{zIndex:1234},{multipleSearch:true,overlay:false});
var initialized = [false, false];
jQuery("#devinfo").jqGrid({
url:'/plugins/snap/manageList.php?q=3',
datatype: "json",
height: 200,
altRows:true,
navigator: true,
pager: '#pager',
rowNum: 50,
colNames:['ID','Managed By', 'Serial Number', 'Share Name', 'Device Name','inode'],
colModel:[
{name:'id',index:'id',title:false, width:50, sorttype:"int", editable: false},
{name:'owner',index:'owner',title:false,align:'center', width:100,editable: false},
{name:'serial',index:'serial',title:false,align:'right', width:225, editable: true},
{name:'share',index:'share', title:false,width:225,editable: true,editoptions:{size:15,maxlength:30}},
{name:'name',index:'name',title:false,align:'center', width:90,editable: false},
{name:'inode',index:'inode',title:false, width:50,editable: false},
],
afterInsertRow: function(rowid, aData, rowelem)
{
if ( aData.share != "" && aData.owner == 'unraid' ){
jQuery("#devinfo").setCell(rowid,'share','',{color:'red'},{'title':"Sorry, can't edit this share name because the device is now managed by unraid."});
}
},
onSelectRow: function(id){
if(id ) {
if ( id!==lastsel_devinfo){
jQuery('#devinfo').jqGrid('restoreRow',lastsel_devinfo);
var cm =jQuery('#devinfo').jqGrid('getColProp','serial');
var id = jQuery("#devinfo").jqGrid('getGridParam','selrow');
var ret = jQuery("#devinfo").jqGrid('getRowData',id);
if ( ret.owner != 'unraid' ) {
var extraparam=new Array();
extraparam['serial']=ret.serial;
extraparam['oldShareName']=ret.share ;
extraparam['owner']=ret.owner ;
jQuery('#devinfo').jqGrid('setGridParam',{
url:"/plugins/snap/manageList.php?q=1", postData: { serialNumber: ret.serial }
});
cm.editable = false;
jQuery('#devinfo').jqGrid('editRow',id,true
,null //oneditfunc
,function(response) {
var obj=jQuery.parseJSON(response.responseText);
if (obj.error) return false;
else return true;
}
,"/plugins/snap/manageList.php?q=1"
, extraparam //extraparam
, aftersavefunc //aftersavefunc
,null //errorfunc
,null //afterrestorefunc
);
}
cm.editable = true;
lastsel_devinfo=id;
} else {
jQuery('#devinfo').jqGrid('restoreRow',lastsel_devinfo);
lastsel_devinfo="";
jQuery('#devinfo').jqGrid('resetSelection');
}
} //if(id && id
}, //onSelectRow
caption: "S.N.A.P."
//}); //jQuery("#devinfo")
//jQuery("#devinfo").jqGrid('navGrid','#pager',{ view:false,edit:false,add:false,del:false,search:false});
}).navGrid( '#pager',{ view:false,edit:false,add:false,del:true,search:false},{zIndex:1234},{zIndex:1234},{zIndex:1234},{multipleSearch:true,overlay:false}).jqGrid('navButtonAdd','#pager',{
caption:"Add",
buttonimg:"",
position:"last" ,
title:"Add New Row",
onClickButton: function(){
alert("Adding Row");
var datarow = { serial:"test", share:"test" };
//var su=jQuery('#devinfo').jqGrid('addRowData', 0, datarow, 0);
jQuery('#devinfo').jqGrid('editGridRow', "new", {});
}
}) ;
$('.ui-jqgrid-titlebar-close','#gview_devinfo').remove();
});
function aftersavefunc(rowid, response) {
//this writes the owner from the server response to the owner cell in the just edited row.
//because creating will change that cell.
var obj=jQuery.parseJSON(response.responseText);
if (obj.error) grid.jqGrid('restoreRow',lastSel);
else {
jQuery("#devinfo").jqGrid('setCell',rowid,'owner',obj.owner);
jQuery('#devinfo').jqGrid('resetSelection');
}
}
//jqGrid: how to change cell padding
//http://stackoverflow.com/questions/3015201/jqgrid-how-to-change-cell-padding
</script>
<?PHP
//phpinfo();
//require_once 'jsonwrapper.php';
//include("jqgrid-php-v1.2/inc/jqgrid_dist.php");
//$grid->navigator = true;
?>
<style type="text/css">
body {
font-family:Arial;
}
#wrapper {
width:80%;
}
ul.tabs {
width:250px;
margin:0;
padding:0;
}
ul.tabs li {
display:block;
float:left;
padding:0 5px;
}
ul.tabs li a {
display:block;
float:left;
padding:5px;
font-size:0.8em;
background-color:#e0e0e0;
color:#666;
text-decoration:none;
}
.selected {
font-weight:bold;
}
.tab-content {
clear:both;
border:1px solid #ddd;
padding:10px;
}
</style>
<div id="wrapper">
<ul class="tabs">
<li><a href="#" class="defaulttab" rel="tabs1">Tab #1</a></li>
<li><a href="#" rel="tabs2">Tab #2</a></li>
<li><a href="#" rel="tabs3">Tab #3</a></li>
</ul>
<div class="tab-content" id="tabs1">
<table id="devinfo" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:right;">></div>
</div>
<div class="tab-content" id="tabs2">Tab #2 content</div>
<div class="tab-content" id="tabs3">Tab #3 content</div>
</div>
<input type="button" onclick = "javascript:add();" value ="add" />
Click Row to edit Share Name, press ENTER to save or ESC to cancel.
最佳答案
ui-widget-overlay
是一个通用的 jquery ui 样式类。它会在您应用此类的元素上创建一个覆盖层。
要在 jQgrid 上创建覆盖,您应该使用类jqgrid-overlay
。这将阻止网格上默认的鼠标单击事件。
调出叠加层:
$("#lui_"+gridid).show();
并隐藏它
$("#lui_"+gridid).hide();
关于jquery - jqGrid/ui-widget-overlay 阻止整个页面上的所有按钮和选项卡事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8708766/
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在试验 jquery-ui 并查看和克隆一些示例。在一个示例(自动完成的组合框)中,我看到一个带有 ui-widget 类的 anchor (a) 元素,它与包含的 css 文件中的 .ui-wi
在我帮助维护的代码中,我发现了多个如下所示的代码示例: Description := IfThen(Assigned(Widget), Widget.Description, 'No Widget')
这个问题在这里已经有了答案: CSS Performance Question (8 个答案) 关闭 9 年前。 这是一个很常见的情况。假设我们有一些标记: 我们可以使用 2 个选项来
这个问题在这里已经有了答案: CSS: Class name selector- name starts with (2 个答案) 关闭 5 年前。
我有一个布局,其中Row小部件中有两个子部件,这两个都是灵活的小部件。左侧的小部件包含红色和蓝色的小部件,我希望根据右侧小部件的高度增加蓝色小部件的高度(这是一个灵活的小部件,其FLEX值为7)。。例
我有一个布局,其中Row小部件中有两个子部件,这两个都是灵活的小部件。左侧的小部件包含红色和蓝色的小部件,我希望根据右侧小部件的高度增加蓝色小部件的高度(这是一个灵活的小部件,其FLEX值为7)。。例
这是一个代码: import 'package:flutter/material.dart'; import 'package:flutterapp/ui/pages/notes_home.dart'
ListView、GridView、SingleChildScrollView 等小部件是可滚动的小部件,而Container、SizedBox, Column 不是。 有没有办法检查 Widget
假设我在 Python 中有这个简单的函数: def f(gender, name): if gender == 'male': return ranking_male(nam
我不想听起来像个糟糕的新手,但是小部件是独立的应用程序吗?例如,我正在为 Android 创建一个新闻阅读器应用程序,我想要一个主屏幕小部件。我是将小部件创建为 Hook 到其他应用程序的单独项目/应
如何告诉 Tk 小部件告诉我它的子级是什么(或谁,视情况而定)?有这个命令吗? 例如,给定一个带有标签、按钮和其他装饰的 Canvas 小部件 .cvs ...如何查询 Canvas ? 最佳答案 w
我为 Android 开发了一个 APP + 主屏幕小部件。现在我更新了应用程序(增加了版本代码/名称)但是当我安装时,它不会自动替换屏幕上现有的小部件。它只是说“问题加载小部件”。 有什么想法吗??
我是小部件开发的新手..我设法构建了一个无法调整大小的小部件..我希望它像 - 用户设法根据自己调整大小......有人可以告诉我如何制作它可能吗? 谢谢 friend 。 最佳答案 AppWidge
我有一个小部件列表: List widgetList = List(); widgetList.add(WidgetA()); widgetList.add(WidgetB()); widgetLis
对不起,我的英语不好! 我开发了一个今日小部件。我需要从小部件启动 map 应用程序(例如),并且在设备锁定时不工作。在这种情况下如何检测锁定的设备并启动解锁屏幕? 问候, 最佳答案 而不是使用 UI
我正在尝试制作我的小部件的免费版本,我想向小部件添加广告,这可能吗?如果是这样怎么办? 最佳答案 小部件应用程序中的 View 仅限于: 模拟时钟 按钮 天文台 图像按钮 ImageView 进度条
我在 Android Studio 中创建了一个新项目,然后添加了一个新的小部件并在我的 Nexus 5 5.1 上运行该应用程序,它可以工作,但是当尝试将小部件添加到主屏幕时,它没有出现在小部件列表
我有一个字符串 'currentMessage' 和一个用于显示它的标签。我有一个 Toplevel 小部件,其中包含一个文本小部件,为“currentMessage”提供新值: from tkint
我尝试使用这个 link 解决我的问题 update - I figured out that there is something wrong with the setter of the pend
我是一名优秀的程序员,十分优秀!