一个添加页面,本来是用<p>标签做的,但是发现把窗口最大化之后,整个布局就变了,变得不好看了
$(document).ready(function(){
$("#qId").change(function(){
var selectedName=this.value;
if(selectedName==1){
document.getElementById("maxoptionsid").style.display = "block";
document.getElementById("onlyintegersid").style.display = "none";
document.getElementById("ulAnswer").style.display = "block";
}else if(selectedName==5){
document.getElementById("maxoptionsid").style.display = "none";
document.getElementById("onlyintegersid").style.display = "block";
document.getElementById("ulAnswer").style.display = "none";
}else if(selectedName==6){
document.getElementById("maxoptionsid").style.display = "none";
document.getElementById("onlyintegersid").style.display = "none";
document.getElementById("ulAnswer").style.display = "none";
}
});
});
原来是用底层写的,在p标签的时候,样式在隐藏显示后是没有问题的,但是这个用在<table><tr>变标签时,显示隐藏还是行的,但是隐藏后再显示样式就变了,如果用jquery框架中的语言又变成没问题了,感觉在用dwz的时候js和html用的时候得多注意,不同的方法不同的效果
$(document).ready(function(){
$("#qId").change(function(){
var selectedName=this.value;
if(selectedName==1){
$("#maxoptionsid").show();
$("#onlyintegersid").hide();
$("#tbOption").show();
}else if(selectedName==5){
$("#maxoptionsid").hide();
$("#onlyintegersid").show();
$("#tbOption").hide();
}else if(selectedName==6){
$("#maxoptionsid").hide();
$("#onlyintegersid").hide();
$("#tbOption").hide();
}else if(selectedName==0||selectedName==2){
$("#maxoptionsid").hide();
$("#onlyintegersid").hide();
$("#tbOption").show();
}else {
$("#maxoptionsid").hide();
$("#onlyintegersid").hide();
$("#tbOption").hide();
}
});
});
用p标签还是布局显示都是蛮简单的,界面看起来也还可以,但是局限有点多,还有就是最大化的变化,其实加个maxable="false" 不让用户最大化也可以的要填的数据不多的话还是用p标签吧。如果用table的话又要设置很多css值,高度居中什么的,不然又不好看了
哎 还是太菜啊 dwz这页面问题真纠结啊
分享到:
相关推荐
在DWZ(Dynamic Web Zone)框架中,图片的显示与管理是网页开发中的常见任务,尤其是在处理响应式设计和交互效果时。`dwz页面图片显示js`主要指的是DWZ框架中用于处理页面图片显示的JavaScript代码,这些代码通常...
DWZ框架具备良好的兼容性、模块化和扩展性,能够帮助开发者快速构建具有丰富交互功能的Web界面。 DWZ框架的设计思路着眼于提供一套简洁、高效、易于使用的前端开发解决方案。与其它JavaScript框架相比,DWZ的最大...
- **问题1:控件无法正常显示** 解决方法:检查是否正确引入了jQuery和dwz时间控件的相关脚本文件。 - **问题2:日期时间格式不正确** 解决方法:检查`dateFmt`属性是否正确配置,并确保JavaScript代码中的格式...
DWZ框架文档中详细列举了开发者可能遇到的常见问题及其解决策略,涵盖了从XML加载错误到浏览器兼容性问题的多个方面。这些问题的解决不仅有助于排除开发过程中的障碍,也是对框架深度理解的体现。 #### 版本控制与...
9. **安全性考虑**:DWZ在设计时也考虑了安全性问题,如防止SQL注入、XSS攻击等,为开发者提供了一定程度的安全保障。 10. **跨平台**:DWZ与后端技术结合紧密,可与PHP、Java、ASP.NET等多种后端语言配合使用,...
DWZ提供了多个JS库文件以支持不同的功能模块: - **dwz.core.js**: 包含框架的核心功能。 - **dwz.ui.js**: UI组件相关的脚本文件。 - **dwz.ajax.js**: Ajax相关功能。 - **dwz.alertMsg.js**: 弹出消息框功能。 - ...
【标题】"dwz-demo-1.1.6RC1.zip_DEMO_dwz php_dwz-demo_dwz-ria_php dwz" 指的是一个基于PHP的开源前端框架dwz的演示版本,版本号为1.1.6RC1。这个压缩包包含了一个名为“dwz-demo”的项目,是用于展示和学习dwz...
DWZ官方提供详尽的文档和活跃的社区,遇到问题时可以参考文档或向社区寻求帮助,这对于学习和使用DWZ来说是非常重要的。 通过“dwz框架官网实例”,我们可以深入学习DWZ框架的使用,从基础组件的使用到复杂功能的...
2. **响应式设计**:DWZ框架支持响应式布局,可以自适应不同设备和屏幕尺寸,保证在桌面、平板和手机等不同设备上的良好显示效果,符合现代Web开发趋势。 3. **皮肤切换功能**:DWZ提供了换肤功能,用户可以根据...
结合DWZ框架,开发者可以创建响应式布局,适应不同设备的显示需求,同时保证页面交互的高效性。 在实际开发中,C# DWZ项目可能涉及到以下关键知识点: 1. ASP.NET MVC或Web Forms:选择合适的Web开发模型,MVC模式...
在本篇文章中,我们将深入探讨如何搭建一个基于DWZ的MVC框架,以及如何实现完整的权限管理模块。 首先,我们需要理解MVC模式。MVC是一种软件设计模式,用于分离业务逻辑、数据模型和用户界面。Model代表数据模型,...
•通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于初学者不建议看...
- 调试工具:DWZ支持Firebug、Chrome DevTools等浏览器开发者工具,方便开发者定位和解决问题。 4. **版本升级与社区支持**: - DWZ团队会定期发布新版本,修复已知问题,添加新功能,保持框架的先进性。 - 开源...
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...
标题“thinkphp3_dwz”指的是一个基于ThinkPHP 3.0框架与DWZ UI集成的项目,主要用于实现角色管理功能。在Web开发中,ThinkPHP是一个流行的PHP框架,而DWZ(Dynamic Web Zone)是一个前端jQuery UI框架,提供了一...
- **分页组件**:实现分页显示数据的功能,提高用户体验。 - **在线编辑器**:支持在线文本编辑功能。 - **url变量替换**:支持URL中的变量替换,方便动态URL的生成。 - **checkbox全选、反选**:实现复选框的全选和...
首先非常感谢DWZ官方整合了DWZ+ThinkPHP,方便我们PHPer的开发,DWZ的后台框架非常好用。...5、修复DWZ官方整合的框架在切换主题的时候,一些CSS BUG,比如绿色、玫瑰红的时候,导航栏的背景错乱的问题。
当上传失败时,DWZ会返回错误信息,帮助开发者定位问题,同时向用户提供友好的提示。 7. **批量上传** 用户可以一次选择多个小文件进行批量上传,提升工作效率。 8. **服务器端处理** DWZ上传组件会生成一个...
这个实例通常包括多个页面和功能模块,展示了如何在实际项目中应用DWZ。以下是一些核心知识点: 1. **UI组件**:DWZ提供了丰富的UI组件,如表格、下拉菜单、按钮、对话框、弹出层等。通过这些组件,开发者可以快速...