`

酷炫层展示

    博客分类:
  • Ext
EXT 
阅读更多
============div的代码================
<div id="pre2submitDlg"      style="visibility:hidden;position:absolute;top:0px;">
    <div class="x-dlg-hd">提交任务</div>
    <div class="x-dlg-bd">
         <form action="" id="avidDataForm" name="avidDataForm">
                    <table align="center" border="0">
                     <tr>
                   <td>大家好...</td>
                      </tr>
                                       </table>
                 </form>
        </div>
     </div>
</div>


===================创建菜单按钮===================
//创建菜单栏
function createToolbar(){
var toolbar=new Ext.Toolbar('listToobar');
    toolbar.addButton(new Ext.Toolbar.Button({
    id:'li_get',
text:"领取任务",
cls : 'x-btn-text-icon bmenu',    
icon:rootPath+"/images/toolbar/add.png",
handler: function(){
    ProjectService.gettask();
    }
    }));
    toolbar.addButton(new Ext.Toolbar.Button({
    id:'li_submit',
text:"提交任务",
cls : 'x-btn-text-icon bmenu',    
icon:rootPath+"/images/toolbar/add.png",
handler: function(){
    submittask();
    }
    }));
    toolbar.add(new Ext.Toolbar.Fill());
    toolbar.addElement('CanShrink_ul');
}

===============展示对话框的js================
//显示选择对话框
var pre2submitDlg;
showPre2submitDlg = function(element){
if(!pre2submitDlg){
pre2submitDlg = new Ext.BasicDialog('pre2submitDlg',{
autoTabs:false,
            width:550,
            height:350,
            shadow:false,
            minWidth:300,
            minHeight:300,
            resizable: true
            });
        pre2submitDlg.addKeyListener(27, pre2submitDlg.hide, pre2submitDlg);
    pre2submitDlg.addButton("提交", subTask, pre2submitDlg);
    pre2submitDlg.addButton("取消", pre2submitDlg.hide, pre2submitDlg);
}
pre2submitDlg.show(element);
}


================点击事件=====================
presub:function(form, showDlgMethod){
      showDlgMethod();
        },


submittask:function(flag,id){
var columnId = document.getElementById("columnId").value;
var projectId = document.getElementById("projectId").value;
if(!id)id=avidGrid.getSelectedId();
if(!id){
Ext.alert.msg('',Resources.message.selectone,'warn');
return;
}

ProjectService.presub(document.getElementById('avidDataForm'),function(){showPre2submitDlg('li_submit')});
});
分享到:
评论

相关推荐

    javascript酷炫图片展示

    在本文中,我们将深入探讨如何使用JavaScript来创建一个酷炫的全屏图片展示相册,实现无限滚动浏览的功能。 首先,我们需要理解HTML(超文本标记语言)作为页面的基础结构。在这个案例中,`index.html`文件会包含...

    jQuery18种酷炫modal弹出层

    "jQuery18种酷炫modal弹出层"的主题聚焦于如何利用jQuery创建不同类型的模态对话框(Modal),这些对话框通常用于显示通知、表单、警告或任何需要用户关注的内容,而不中断主要页面的流程。模态对话框因其用户体验...

    IOS应用源码——酷炫的图片展示效果.zip

    在iOS开发中,创建酷炫的图片展示效果是提升用户体验的关键环节之一。这份"IOS应用源码——酷炫的图片展示效果.zip"包含了实现这些效果的源代码,可以帮助开发者深入理解如何在iOS平台上构建视觉吸引人的图片展示...

    酷炫在线简历模板

    总的来说,【酷炫在线简历模板】为求职者提供了一个高效、个性化的简历制作工具,利用HTML5的强大功能,让简历不再仅仅是文字的堆砌,而是展示个人能力和风格的舞台。无论是对于寻找工作,还是提升个人在线形象,都...

    大屏展示设计图图集-酷炫深色背景风格

    本图集——"大屏展示设计图图集-酷炫深色背景风格",聚焦于利用最新的可视化技术来创建引人入胜的视觉效果,为设计师们提供了大量的创意灵感。 深色背景的设计风格在大屏展示中颇受欢迎,因为它能够减少视觉疲劳,...

    多种酷炫的图片滑块特效

    图片滑块,作为一种常见的网页和应用界面元素,用于展示多张图片或内容,已经成为现代UI设计中的重要组成部分。酷炫的图片滑块特效不仅能够提升用户体验,还能吸引用户的注意力,增强品牌形象。本教程将深入探讨多种...

    Jquery左侧导航栏酷炫效果

    "Jquery左侧导航栏酷炫效果"是一个专为初学者设计的教学示例,它展示了如何使用jQuery库来实现一种动态、引人注目的导航栏效果。 首先,jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件...

    Discuz! 潮流社酷炫模板

    潮流社酷炫模板】 Discuz! 是一款著名的开源社区论坛软件,深受广大站长和网络社区爱好者喜爱。潮流社酷炫模板是专为Discuz! 设计的一款主题,它旨在为用户提供时尚、新颖且具有视觉冲击力的界面,提升用户的浏览...

    酷炫jQuery全屏3D焦点图动画效果

    在描述中提到这种jQuery全屏3D焦点图动画不仅具有酷炫的视觉效果,而且实用,说明了这种动画效果结合了美观性和功能性,是一种实用的网页设计元素。 以上知识点从不同方面展示了如何使用jQuery技术实现全屏3D焦点图...

    10酷炫手绘风格.rar

    这种风格的PPT模板以其独特的视觉效果和创意表达,吸引了许多用户,尤其是那些希望在演讲、教学或展示中增添个性元素的人群。 手绘风格在PPT设计中的应用: 1. **个性化表达**:手绘风格通常带有艺术家的手势和痕迹...

    酷炫UI之选项选择界面

    10. **响应式设计**:考虑到多设备兼容,选项选择界面应具备响应式,自适应不同屏幕尺寸和设备类型,确保在手机、平板、电脑上都能良好展示。 以上内容涵盖了酷炫UI选项选择界面设计的关键点,但具体实现还需要结合...

    HTML5+CSS3实现的响应式酷炫图片封面动画展示特效源码.zip

    这个“HTML5+CSS3实现的响应式酷炫图片封面动画展示特效源码”文件正是利用这两者的优势,构建了一个适应不同设备屏幕尺寸的动态图片展示效果。 HTML5是超文本标记语言的第五个版本,它引入了许多新的元素和功能,...

    精选20款html5酷炫效果

    这些模板可能会展示如何优雅地集成多媒体内容,如背景音乐、视频播放器等,同时考虑跨平台和多浏览器兼容性。 Web Storage(包括localStorage和sessionStorage)是HTML5提供的本地存储机制,用于替代传统的Cookie。...

    黑色Metro风格CSS酷炫HTML模板

    深色背景通常能营造出专业、优雅和高端的氛围,适合各种类型的网站,如个人博客、企业展示或创意作品集。 【描述】:“Win8 Metro风,磁砖样式,响应式手机平板界面” 这个HTML模板充分体现了Windows 8(Win8)的...

    精美酷炫的前端UI-后台管理

    响应式设计可以根据设备的屏幕大小和方向自动调整布局,确保在任何设备上都能良好展示。 6. **交互设计**:酷炫的UI不仅体现在视觉效果,还包括交互体验。良好的交互设计包括清晰的导航、明确的反馈、合理的时间...

    CSS3实现酷炫流光页面动画特效.zip

    本资源"CSS3实现酷炫流光页面动画特效.zip"就是一个很好的例子,它展示了如何利用CSS3的特性来创建一个紫色调的炫酷下载页面,同时包含了二维码扫描功能,增加了互动性。 首先,让我们深入了解一下CSS3中的关键帧...

    十分酷炫的网页特效代码

    本资源包含的"十分酷炫的网页特效代码"涵盖了网页背景类、菜单类、图片类、多媒体类等五个主要类别,总计53种特效。下面将详细解释这些特效及其在网页设计中的应用。 1. **网页背景类**:这类特效主要用于改变或...

    超酷炫动画.pptx

    - **中间动画**:使用路径动画展示流程图或逻辑关系,帮助观众更好地理解内容。 - **结尾动画**:以简洁明快的方式总结演讲要点,留下深刻印象。 综上所述,PPTX动画不仅能够显著提升演示的质量和吸引力,还能有效...

    ios-带有动画酷炫效果个人中心首页.zip

    2. **Core Animation**:在更高级的应用中,可能需要使用Core Animation框架,它可以提供更精细的控制,如关键帧动画、层属性动画等。Core Animation在幕后处理大多数UIView动画,但在某些情况下,直接操作CALayer...

Global site tag (gtag.js) - Google Analytics