温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(2302)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'关于dojo的dialog和form的最佳用法',
blogAbstract:'在使用dojo中dialog组件时，经常会遇到和form表单一同使用的情况，这时候就需要快速的建立表单,提交表单和修改表单项的功能。关于dojo中组件的写法分为编程的方式和声明方式，声明方式快速但是有时候略显不灵活，编程的方式有时候又会很繁琐。所以需要将两种方式结合起来使用dialog声明使用编程方式，建立表单使用声明方式:目录结构:myModule -|&&& & & &&&&&&&&&&& |--- dialog.js&&&&&&&&&&&&&&&&&&& |--- instance.html&&&&&&&&&&&&&&&&&&& |--- volumn.html',
blogTag:'dojo,form',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:8,
publishTime:1,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}如何修改DOJO的dijit.Dialog的背景色
如何修改DOJO的dijit.Dialog的背景色
发布时间： 20:12:58
编辑：www.fx114.net
本篇文章主要介绍了"如何修改DOJO的dijit.Dialog的背景色"，主要涉及到如何修改DOJO的dijit.Dialog的背景色方面的内容，对于如何修改DOJO的dijit.Dialog的背景色感兴趣的同学可以参考一下。
dijit.Dialog 弹出的对话框，默认情况下为白色半透明的背景
改为黑色背景如下：
dojo目录下的dijit/themes/dijit.css
下找到.dijitDialogUnderlay
将其下背景色样式改为&background: #000;
版权声明：本文为博主原创文章，未经博主允许不得转载。
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
本文标题：
本页链接：dojox/layout/ResizeHandle and dijit/Dialog
7 messages
Open this post in threaded view
Report Content as Inappropriate
dojox/layout/ResizeHandle and dijit/Dialog
How to use dojox/layout/ResizeHandle with dijit/Dialog. I can do this only programmaticaly with lot of work around.
&div id=&dialogHandler& data-dojo-type=&dojox/layout/ResizeHandle& data-dojo-props=&activeResize : true, animateSizing : true, animateMethod:'combine', animateDuration:500, targetId:'dialogId'&&&/div&Is any way ho to use this declarative - see sample.
& & & & &div id=&dialog& data-dojo-type=&dijit/Dialog& title=&My Dialog Title&&& & & & & & &div&Dialog content&/div&& & & & & & &div id=&dialogHandler& data-dojo-type=&dojox/layout/ResizeHandle& data-dojo-props=&activeResize : true, animateSizing : true, animateMethod:'combine', animateDuration:500, targetId:'dialog'&&&/div&& & & & &/div&
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
I used ContentPane inside Dialog.
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
It looks like Dialog can be resized directly in dojo 1.10. See
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
Not sure if you mean same. My case is:
2. Icon for resizing not for positioning
3. User can change dimension using DnD resize icon
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
From the page i linked to:
Added support for Dialog.resize(dimensions). Previously it ignored the dimensions parameter. This means that dijit/Dialog now works with dojox/layout/ResizeHandle. Note though that you still cannot specify an initial size on the dialog.
Seems to me like it's exactly what you where looking for.
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
I was testing it, but it didnt work as I expected. Can you test it please and let me know your experience. If I create dialog and apply resize handler it didnt work. But I tested it on 1.10. I try to do it with current version too.
Open this post in threaded view
Report Content as Inappropriate
Re: dojox/layout/ResizeHandle and dijit/Dialog
This post was updated on .
It works better but it has problem with min-width and min-height with combination of dialog's dimensions. But still I am not able to wrap dialog, I must wrap dialog's content.
Loading...使用dojo的dialog自定义confirm效果 - 幽空命记 - ITeye技术网站
博客分类：
* 使用dojo dialog模拟confirm&br&
* 返回true/false&br&
* 前提是已经引用了相应的dojo.js&br&
* @author: DFH&br&
function dojoConfirm(content,callback){
require([ "dijit/Dialog","dijit/form/Button"], function(Dialog) {
content=content+
"&br/&&button dojoType='dijit.form.Button' id='yesButton'&确定&/button&" +
"&button dojoType='dijit.form.Button' id='noButton'&取消&/button&";
var confirmDialog = new Dialog({
id:"confirmDialog",
title : '确认',
content : content,
onHide : function() {
this.destroyRecursive();
confirmDialog.startup();
var yesButton = dijit.byId('yesButton');
var noButton = dijit.byId('noButton');
//如果点击确定按钮
dojo.connect(yesButton, 'onClick', function(mouseEvent) {
confirmDialog.hide();
callback();
//如果点击取消按钮
dojo.connect(noButton, 'onClick', function(mouseEvent) {
confirmDialog.hide();});
confirmDialog.show();
使用时要注意，代码中定义的三个id值在项目中不要重复。
dojoConfirm("确认要删除?",function(){
//删除功能...
与普通confirm不同的是，直接传函数给方法让其在确认后调用，而不是使用if判断
为什么我的报Js错误。 最新的版本已经提供了默认实现，不用自己实现了。
thoughtfly
浏览: 498147 次
来自: 合肥
学习了，学习了！
wsc830719 写道@RequestMapping(val ...
但是打印订单不是简单的string 啊1509人阅读
闲话没有，上代码：&html&
&title&Dialog&/title&
&style type=&text/css&&
@import &dojo/resources/dojo.css&;
@import &dijit/themes/tundra/tundra.css&;
&script type=&text/javascript&
djConfig=&parseOnLoad: true, isDebug: true&
src=&dojo/dojo.js&&&/script&
&script type=&text/javascript&&
dojo.require(&dijit.Dialog&);
function showModalDialog(funOK,funCancel,args){
dijit.byId(&divDialog&).attr(&title&,args.title);
//根据传进来的参数设定题头
dijit.byId(&divDialog&).attr(&class&,args.style);
//根据传进来的参数设定样式
dijit.byId(&divDialog&).show();
//绑定事件
var divMDOK = dojo.byId(&divDialog_btnOK&);
var divMDCancel = dojo.byId(&divDialog_btnCancel&);
dojo.connect(divMDOK,&click&,funOK)
dojo.connect(divMDCancel,&click&,funCancel)
function funOK(){
//dijit.byId(&divDialog&).hide();
alert(&OK&)
function funCancel(){
alert(&cancel&)
.dijitDialogUnderlay {
background: #666666;
opacity: 0.5;
.cssModalD {
height:100
text-align:center
&body class=&tundra&&
&button id=&b1& onClick=&showModalDialog('funOK','funCancel',{title:'ceshi',style:'cssModalD',color:'#FF00DD'})&&显示dojo对话框&/button& &br&
&div dojoType=&dijit.Dialog& id=&divDialog& closeNode=&hider& title=&填写表单&&
&table id=&divDialogContent& style=& text-align:center& &
&td colspan=&2& style=&text-align:center&&&label for=&name& id=&divDialog_info&&提示信息 &/label&&/td&
&td&&input type=&button& value=&确定& id=&divDialog_btnOK&&&/td&
&td&&input type=&button& value=&取消& id=&divDialog_btnCancel&&&/td&
测试用。。。。。。。。。。。。。。。
&/html&具体其他功能，研究中。。。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：29493次
排名：千里之外
原创：13篇
转载：10篇
(1)(1)(1)(5)(1)(9)(1)(1)(3)