ASP.NET 管理MVC搭建项目后台UI框架—4、tab多页签扶助

目录

  1. ASP.NET
    MVC搭建项目后台UI框架—壹、后台主框架
  2. ASP.NET
    MVC搭建项目后台UI框架—2、菜单特效
  3. ASP.NET
    MVC搭建项目后台UI框架—3、面板折叠和进展
  4. ASP.NET
    MVC搭建项目后台UI框架—肆、tab多页签扶助
  5. ASP.NET
    MVC搭建项目后台UI框架—5、德姆o演示Controller和View的相互
  6. ASP.NET
    MVC搭建项目后台UI框架—六、客户管理(增添、修改、查询、分页)
  7. ASP.NET
    MVC搭建项目后台UI框架—柒、总计报表
  8. ASP.NET
    MVC搭建项目后台UI框架—八、将View中选择的多寡行中的1对数据传入到Controller中
  9. ASP.NET
    MVC搭建项目后台UI框架—9、服务器端排序

在点击左边菜单中的选项时,作者盼望有Extjs、EasyUI等中近乎的tab页签功效,因为如此能够支撑四个页面包车型客车浏览,有时候大家也许供给同时开拓八个页面,要是不选用页签,那么每一趟要查看有些页面都要去重新调用并刷新,假如在网速慢也许该分界面加载很耗费时间的意况下,几乎会令人奔溃。因为笔者又不想引进整个ExtJs等的内容。任其自流的,就悟出了去网上找那种ui插件。找到了过多,然则本身觉着CleverTabs相比相符小编这么些项目。效果如下:

管理 1

百胜公司IT主管张瑀

Action

一、修改Right视图,增添如下js引用:

    <link href="~/Lib/CleverTabs/context/themes/base/jquery-ui.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.3.min.js"></script>
    <script src="~/Lib/CleverTabs/scripts/jquery-ui.js"></script>
    <script src="~/Lib/CleverTabs/scripts/jquery.cleverTabs.js"></script>
    <script src="~/Lib/CleverTabs/scripts/jquery.contextMenu.js"></script>

2、添加js方法:

   <script type="text/javascript">
           var tabs;
           $(function () {
               var h = $(document).height()-35;
               $("#tabs").height(h); //关于这里我要说明一下,如果不设置高度的话,它默认并不是发100%占满屏幕的,所以我这里使用了计算的方式,初始化界面高度
               tabs = $('#tabs').cleverTabs();
               $(window).bind('resize', function () {
                   tabs.resizePanelContainer();
               });

               tabs.add({
                   url: 'http://www.cnblogs.com/jiekzou/',
                   label: '我的博客',
                   //开启Tab后是否锁定(不允许关闭,默认: false)
                   lock: false
               });
               $('input[type="button"]').button();

           });
           function addTab(url,name) {
               tabs.add({
                   url: url,
                   label: name
               });
           }</script>

3、修改Right视图中body主体:

<body>
     <div class="sidebar fleft"><div class="btn" id="divFolding"></div></div>
    <div id="tabs" style="overflow:hidden; padding-top:0px; height:400px;">
        <ul>
        </ul>
    </div>
    </body>

四、在Left视图中,加多如下js方法:Left中的菜单点击时调用Right视图中的加多页签方法addTab

        function goNewPage(url,name) {
            self.parent.frames["mainFrame"].addTab(url,name);
        }

修改Left视图中菜单的调用方法

  <li><a target=”mainFrame” id=”channelManage”
onclick=”goNewPage(‘/Channel/Index’,’渠道管理’);”>门路管理</a></li>

五、F伍运行,你将见到如下效果:

管理 2

框架中用到的js和css、Img:CssJsImg源码

“百胜公司通过接纳K二 BPM系统,满意了集团业务流程应用方面包车型大巴绝超越2/4供给,系统尤其抱有处理大体量、复杂业务流程的技能,并且能和ERP等别的市廛大旨系统贯彻完美集成。”百胜集团IT主任郭全博,如此介绍流程管理带来的事情价值。

作为全球最大的餐饮企业之一,百胜公司在产生规模化连锁经营功用的同时,计策地运用音信化花招,强化管理和平运动营水平,创设集团的基本竞争力。通过流程梳理,百胜公司贯彻了以规模化、规范化、音信化和当代化为宗旨的前卫中中原人民共和国餐饮公司的变革,并经过跻身实质性推进阶段。

管理 3

三、系统架构具备可扩大性,可满意使用要求不止加码后的系统体积,系统扩大完成的便利性和经济性,同时负有可被用户精晓的系统爱戴本事和工具平台;

综上所述来看,百胜公司的业务流程管理种类上线后,节省了人力花费,收缩了报废单据录入量每年30万张及相应查处工作量。也缩短了文件邮递、传真、整理工作时间等工艺流程,职员和工人能够在线填写表单,进步填写准确性。错误率从1①%下落到二%,缩短了因失实引起的重新审查批准及解释工作。对与行政部门来讲,业务流程管理下落了下滑行政开支,包括打字与印刷,邮递,传真开支等。百胜公司在一期建设的投资回报率达到5三%,投资收回周期为1.玖六年。

四、具备与ERP以及其他系统实行技巧集成的倾向和可维护性;

据塞德里克·巴坎布介绍,百胜公司工作流系统从概念论证到壹期上线,整个项目建设用了2年时间成功。以往安顿中有50四个流程可适用于该职业流平台。百胜公司因此八个阶段(概念论证,产品、方案论证,施行可行性及投资回报分析论证)以及候选产品系统压力测试等十柒个步骤,明白和对照了当下境内市镇上可收获劳动的几拾2个产品(包罗富有国内外知盛名商品牌),重点论证了近10个产品后,接纳使用了K2的系统。

百胜公司在挑选BPM系统时,设定了以下标准:

“最主要的是工作进程管理协理百胜公司贯彻了业务流程的全经过的无缝链接,如各样开支费用申请审查批准,请假加班,人事异动审查批准等。此外,新种类上线后,一点都不小地提升了义务人和机关对于事件的响应速度和准确性,包涵从报名发起到支付入账等,系统可做全经过处理和笔录。系统还可匡助集团更管用地打听国家法律,理解集团的风行政策,进步了具备职员和工人的办事便利性,同时决定了财务、人事等服务单位的总人口拉长和团组织规模,节省了大量纸张、打字与印刷油墨、快递等行政花费。”郭全博越发强调。

五、候选系统品牌必要有行当超越地位,从研发到售后服务,要享有完整的、稳定的产品路径图和组织。

一级选型决定了最后的施用功效,通过K贰BPM使用功效来看,K贰 BPM提升了管理的可见性,可实时发生报表,管理层可立时理解开销动态,为改进、优化流程功用提供数据援助。BPM还加紧了报废单据的审查批准及处理速度,(最多减少3周);同时,由于系统的佳绩设计,使百胜集团能够将功效不只限于差旅报废单,而是能够扩大至具有的耗费付款申请处理,
使超越20000个职工收入。而系统也因为轻便易用的宏图受到用户的常见好评。

贰、具备本事可信赖且先进的支出和布局工具,方便举行四种不一致业务流程的付出,并能够灵活变动;

一、系统全部强大的流程引擎,能够处理大容积、多点多并发的业务应用和数码处理;

百胜公司在中外当先1二多少个国家和地面具备超越3玖仟家相关餐厅,职员和工人人数有150多万。贰零一1年,百胜餐饮集团的入账当先130亿比索。百胜餐饮公司在中原当下有肯德基,必胜客,东方既白和小肥羊等天下知盛名商品牌,具备超过4500家饭店,职员和工人人数近50万,是神州首先大美食连锁集团。随着百胜公司中华夏族民共和国工作部工作的立刻成长,职员和集体结构覆盖全国各市,各个业务流程审查批准必要骤增,集团上马产出人工处理周期长,职业量大等工作弊端。为了进步中间管控本领,提上秋家全部运行功用,更动手工作业错误率较高且找不到立异依照等现状,公司急迫供给3个流程管理平台。不过,集中式的管理对于流程的管理调整需求较高,百胜企业特需再行清理企业工作流系统,理清集团能源管理及常见业务种类的各自定位和关系,鲜明公司ERP、C大切诺基M等着力系统的范围和成效,鲜明办公自动化(OA)
的实际目的。所以,流程管理种类必须求询问项目型、生产性和行政型等不等属性职业流的特点,其软件化解方案要实在到位与工作相适应。自此,百胜公司跻身了业务流程管理的选型历程。

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注