Knockout.js随手记(4)

动态绑定下拉列表

　　　在<select> data-bind的options选项如果绑定到ko.observableArray()，就可以动态新增选项效果，也就是可以利用其完成常见的级联效果的。

在这一篇文章中，我们用单页面完成无刷新的前台新增选项和使用MVC完成后台的动态添加2个例子。

范例一：

ViewModel中声明一个selectOptions属性为一个ko.observableArray()对象，并将其设为<select>的options下拉列表的数据源，再用两个<input>分別输入入Text及Value，输入內容点击新增按钮，此時就可看到下拉列表出現新增的选项內容。

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title>动态新增下拉列表选项</title>

    <script src="Scripts/jquery-2.0.3.js"></script>

    <script src="Scripts/knockout-2.3.0.js"></script>

   <script type="text/javascript">

       //创建一个View对象

       function ViewModel() {

           var self = this;

           //使用observableArray进行绑定可以动态变更option选项

           self.selectOptions = ko.observableArray([

                { "text": "请选择", "value": "0" }

           ]);

           self.result = ko.observable("0");//添加result监控属性，初始绑定值为0

       }



       $(function () {

           var vm = new ViewModel();

           ko.applyBindings(vm);

           $("#btnAddItem").click(function () {

               vm.selectOptions.push({

                   "text": $("#txtOptText").val(),

                   "value": $("#txtOptValue").val()

               });

           });

       });

   </script>

    </head>

<body>

    <div style=" background-color:#0094ff; width:180px; margin:100px auto auto auto;">

        <select style="background-color:ActiveCaption;width:100px" data-bind="options: selectOptions, optionsText: 'text', optionsValue: 'value', value: result"></select>Value=<span data-bind="    text: result"></span>

        <div> Text: <input id="txtOptText" value="选项1"/></div>

        <div>Value: <input id="txtOptValue" value="1" /></div>

        <input type="button" value="新增选项" id='btnAddItem' />

 </div>

</body>

</html>

运行效果如下：

Knockout.js随手记(4)

范例二：Mvc结合knockout.js完成级联下拉菜单 

本例只是为了模拟，所以数据比较简陋，当然也可以从数据库中出数据来进行处理。

@{

    Layout = null;

}



<!DOCTYPE html>



<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-2.0.3.js"></script>

    <script src="~/Scripts/knockout-2.3.0.debug.js"></script>



    </head>

    <body>

      <p>

        <b style="color:#0094ff">选择学生:</b> @Html.DropDownList("Student", ViewBag.Students  as SelectList, "请选择", new { onchange = "searchLover();" })

     </p>

      <p data-bind="visible: selectOptions().length > 0">

      <b style="color:#0094ff">喜爱的事物:</b>

      <select data-bind="options: selectOptions, optionsText: 'Name', optionsValue: 'Value', optionsCaption: '请选择'">

      </select>

</p>

    </body>

    <script type="text/javascript">

        function ViewModel() {

            this.selectOptions = ko.observableArray([]);

        }

        var vm = new ViewModel();

        ko.applyBindings(vm);

        function searchLover() {

            var id= $("#Student").val();

            $.getJSON(

                   "@Url.Action("GetLovers")",

                    { studentId: id},

                    function (data) {

                        vm.selectOptions(data);

            });

        }

</script>

</html>

-------------------------------------Controller中的数据模拟代码------------------------------------

using System.Collections.Generic;

using System.Web.Mvc;



namespace KnockFunctionDemo.Controllers

{

    public class HomeController : Controller

    {

        public ViewResult Index()

        {

            ViewBag.Students = new SelectList(GetStudentList(),"Id","Name");

            return View();

        }

        private static List<Student> GetStudentList()

        {

            return new List<Student>

            {

                new Student{ Id=001, Name="halower"},

                 new Student{ Id=002, Name="rohelm"}

            };

        }

        public JsonResult GetLovers(int studentId)

        {

            var list = new List<Lover>();

            if (studentId == null)

                list= null;

            else if (studentId == 001)

            {

                list.Add(new Lover { Name = "编程", Value = "program" });

                list.Add(new Lover { Name = "女朋友", Value = "GF" });

            }

            else

            {

                list.Add(new Lover { Name = "旅游", Value = "travel" });

                list.Add(new Lover { Name = "家庭", Value = "family" });

            }

            return  Json(list, JsonRequestBehavior.AllowGet);

        }

        

    }



   

    public class Student

    {

        public int Id { get; set; }

        public string Name { get; set; }

    }



    public class Lover

    {

        public string Value { get; set; }

        public string Name { get; set; }

    }

}

运行效果：

 Knockout.js随手记(4)

 

备注：

    本文版权归大家共用，不归本人所有，所有知识都来自于官网支持，书本，国内外论坛，大牛分享等等......后续将学习knockout.js的常用功能。

 

 

你可能感兴趣的:(knockout)

  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强 界面开发小八哥 DevExtreme界面控件UI开发devexpresshtml5
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 《这样写出好故事》读后记 文心之
    这样写出好故事：玩转情节与结构(美)詹姆斯·斯科特·贝尔摘录于2019年7月LOCK代表主角（Lead）、目标（Objective）、冲突（Confrontation）和冲击结尾（Knockout）。稳固的情节永远始于有趣的主角。最好的情节中，主角必须引人注目，迫使我们从头到尾都盯着他瞧。目标是小说的动力，驱动故事前进，避免主角在原地踏步。目标通常分成两种形式：想取得某样事物，或逃离某样事物。扎实
  • 界面控件DevExtreme v23.2新版亮点 - 全新的Fluent主题 界面开发小八哥 界面控件UI开发html5DevExtreme23.2javascript
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 写作赚钱：如何写好小说或者故事三 赵刚zg
    这集说下冲突的基础，总结为四种元素LOCK，分别是主角（LEAD）、目标（Objective）、正面对抗（Confrontation）和精彩的结尾（Knockout）。这四种要素相当于地基，只有把地基打得越扎实，顶层才会建得越高。1.值得追随的主角正面角色是代表社会群体价值观的人物，反面角色是违背社会群体价值观的人物。对于反面角色读者期望看到被救赎。印证那句天网恢恢疏而不漏。还有一类非英雄主角，对
  • knockout调试线上环境，无法通过nginx转发的备选方案 学敲代码的Stars 前端
    有时候通过nginx转发会403，此时需要一个开发的备选方案替换文件分是否经过编译两种情况。未编译已编译步骤启用本地替换在本地新建一个文件夹，随便命名为test控制台启用本地替换找到需要改的文件，随便编辑，再ctrl加s保存修改代码在本地文件中修改代码or直接在代码编辑器里改如果未编译，这样即可如果编译（文件名后面带编码，每次刷新会改变），需要在进入这块代码的模块之前，拿到新的编码，对应修改本地文
  • 2019-03-07 14d3a39418be
    2019.3.7搏击篇boxer1拳击运动员boxingglove拳击手套boxingshoe拳击鞋infighting近战straightpunch直拳uppercut上钩拳righthook右钩拳foul2犯规punchbag沙袋punchball沙球boxingmatch拳击比赛referee3裁判员boxingring拳击台rope围绳winner胜利者loserbyaknockout被击
  • 2018-06-05 杨小样儿2013
    类库-一些在开发WEB应用时非常有用的函数的集合。你的代码起主导作用，并且决定何时调用类库的方法。例如：jQuery等。框架-一种WEB应用的特殊实现，你的代码只需要填充一些具体信息。框架起主导作用，并且决定何时调用你的代码。例如：knockout,ember等。对于像游戏和有图形界面的编辑器之类的应用，会进行频繁且复杂的DOM操作，和CRUD应用不同。因此，可能不适合用Angular来构建。在这
  • 一款针对Outlook的红队安全研究工具 H_00c8
    关于KnockOutlookKnockOutlook是一款基于C#开发的工具，该工具可以跟Outlook的COM对象进行交互，并且能够帮助红队安全研究人员执行各种安全操作。命令行使用功能操作安全检测（check）枚举Outlook安装详细信息，以便构造正确的注册表项并检索编程访问安全设置。如果此值设置为“Warnwhenantivirusisinactiveorout-of-date”，它将会查询
  • 2020-10-29 dsjflower
    #和秋叶一起学新媒体写作第五章“好故事：教你像好莱坞编剧一样写故事”一、LOCK原则中的四个字母分别代表什么？L--Lead（主角）有一个引人注目的主角O--Objective(目标）有一个驱动角色的目标C--Confrontation（冲突）有一个难以克服的冲突K--Knockout（结尾）有一个冲击情感的结尾二、用“4个小”LOCK原则写一个最近发生在你身上的故事，发到朋友圈，看看2小时内的点
  • 「盘点」界面控件DevExtreme UI v23.1中的API增强 界面开发小八哥 uidevexpress界面控件UI开发DevExtreme
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • Node脚手架编写初学者教程 weixin_33961829 jsonjavascriptgitViewUI
    Node脚手架编写初学者教程完整的脚手架代码编写你的第一个脚手架前言随着NodeJs的崛起，现代前端工程已经变得越来越复杂。前端框架如雨后春笋。从Backbone,Ember,Knockout,Spine,Batman框架的崛起到Angular,React,Vue平分天下，我们经历太多代码风格的变革。不可避免学习新的框架，复杂的环境又让初学者很难入手。就拿React来说，我们要使用Babel,We
  • Element el-table表格表头拖拽、行拖拽组件封装详细教程【简单粗暴】 全栈小定 Element-UI前端前端vue.jsel-tableelementuisortablejs
    文章目录简介安装2.使用3.解析及常见问题3.1行拖拽3.2表头列拖拽简介el-table+Sortable.js实现表头拖拽、行拖拽Sortable.jsSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Boots
  • 界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery) 界面开发小八哥 angular.jsreact.jsvue.jsUI开发devexpress
    本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。获取DevExtremev23.1正式版下载(Q技术交流：909157416）图表
  • Ember.js 入门指南 （二） 乌洛米 计算机编程
    @(Ember)[MVVM|前端框架|HTML桌面应用]序言经常有人质疑，在前端搞MV*有什么意义？也有人跟我提出这样的疑问：以AngularJS，Knockout，BackBone为代表的MV*框架，它跟jQuery有什么区别？我jQuery用得好好的，有什么必要再引入这种框架？其实，不管我们使用的是一个类库还是一个框架，都不应该忘记我们最终目的，或许你正在为一个项目做技术选型，或许你正在为你的
  • 界面控件DevExtreme v23.1新版亮点 - 数据层、可访问性功能升级 界面开发小八哥 devexpresswinformc#UI控件界面开发
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • html5+table+行拖动,sortable+element 实现表格行拖拽 蔡振原 html5+table+行拖动
    背景1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • element+sortablejs插件实现拖拽排序效果 avoidaily 工作笔记vue
    背景1、后台管理系统中表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • 界面控件DevExtreme v23.1 - UI组件 & UI模板库增强 界面开发小八哥 uiUI开发devexpress界面控件
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 记录贴：前后端分离架构历程 节奏昂 Java架构java开发语言
    文章目录总结重点参考链接总结重点从经典的JSP+Servlet+JavaBean的MVC时代，到SSM（Spring+SpringMVC+Mybatis）和SSH（Spring+Struts+Hibernate）的Java框架时代，再到前端框架（KnockoutJS、AngularJS、vueJS、ReactJS）为主的MVVM时代，然后是Nodejs引领的全栈时代，技术和架构一直都在进步。虽然“
  • Vincent van Gogh 05 Doris_super
    ThepotatoEatersishisfirstknockoutmasterpiece.《吃土豆的人》是梵高的第一幅杰作。It'saresumeofeverythinghe'sfeltandthoughtuptonow.这幅作品是梵高目前为止所思所想的那些事儿的一个摘要。Everythingthatwouldmakehimarevolutionaryartistisalreadyhere.那些使
  • Doctors knock out sheep to discover anesthesia's dark side 遇见_E
    Doctorsknockoutsheeptodiscoveranesthesia'sdarkside医生使绵羊昏睡，以了解麻醉技术的阴暗面•anesthesia/ˌænəsˈθiːʒə/n.麻醉e.g.例句：``Thesurgerywascarriedoutunderanesthesia._词性拓展：anesthetic（n.麻醉药；麻醉剂）•darkside阴暗面Beneathgreensurg
  • 拖拽排序需求 -- sortable在vue中的使用 wanshuai QwQ sortablevuevuejavascript
    什么是sortableSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、ElementUI。你可以用来拖拽div、table等元素。sortable.js中文文档.需求场景需要对表格数据进行拖拽排
  • 停止学习框架！ 不二之家
    我们作为开发者，需要时刻跟上技术的步伐。我们每天都在学习各种编程语言、框架、库，似乎我们知道的工具越多，我们的生活就会更美好。我们乐于在Angular、React、Vue、Riot、Ember、Knockout之间辗转腾挪，学习一个又一个新的框架。但我们其实在浪费时间。©TheWolfofWallStreet(2013)byMartinScorsese我的导师曾经给我上了一课：导师："艾德，你在做
  • vscode 搭建nodemon+ts+ts-node 的开发环境 RMITcoder
    我司由于业务调整需要重新对现有的webportal进行开发.现有的portal存在10年并且承载了大量业务,里面有jq,knockout和angularjs还有react15和16简直就是一个前端发展史有没有.那么这么复杂的业务逻辑的dashboard开发必然要ts如何初始化一个npm项目和这里不再细说在server下安装依赖包$npminstall--save-devts-nodenodemon
  • CRISPR/Cas9 原理 Seurat_Satija
    ScienceGuidesCRISPRGuideimgCRISPRGuideCRISPR101eBookCTAJumpTo:CRISPRGuideOverviewKnockoutGenerationNickaseHDRBaseEditActivationorRepressionEpigeneticsMultiplexGenomeEngineeringGenome-wideScreeningFluo
  • 2021-08-25 基于Base editor的CRISPR Screen——BARBEKO NAome
      前面我们介绍了CRISPRScreen和基于标签化sgRNA的iBAR。以往应用与CRISPRScreen的系统主要包括knockout（KO），CRISPRa和CRISPRi。对于KO系统，其一个显著的弊端就是会引入双链DNA断裂，这对于细胞本身是有“毒”的，因此基于KO系统的CRISPRScreen会导致偏高的假阳性。CRISPRa和CRISPRi虽然不会引入双链DNA断裂，但其对基因的调
  • vue 3.0 初始化时如何调用methods里面的方法 沪上百卉 javascript前端vue
    methods:{Tab(type){this.tabActive=type;window.location.href.split('=')[1]=type;},Knockout(){this.$confirm("是否选用?","提示",{type:"warning",}).then(()=>{this.$message({type:"success",message:"成功！",});}).ca
  • 听说后端的你在学 React 阿里云云栖号 我是程序员react.js前端前端框架云计算
    一、React是什么在React之前前端有三个里程碑意义的library/frameworkjQuery解决了浏览器兼容和DOM元素快捷操作问题，其链式操作API也对后续前端框架产生了深刻影响；Knockout提出了前端代码MVVM分层理念，数据通过模板映射为UI视图，大幅度减少了DOM操作；AngularJS在MVVM基础上引入了双向绑定，数据变化自动反映到UI，视图上的操作也反向自动更新数据；
  • 界面控件DevExtreme PivotGrid，拥有新的HTML编码体验！ 界面开发小八哥 html界面控件web开发DevExtremeUI开发
    虽然DevExtreme刚刚发布了v23.1，但今天我们仍然要继续总结一下之前的主要更新（v22.2）中发布的一些与DevExtremePivotGrid（透视网格）组件相关的重要特性。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的We
  • 实现双向数据绑定proxy比defineProperty优劣如何 meow_possion
    vue三要素响应式：如何监听数据变化（双向数据绑定）模版引擎：如何解析模板渲染：vue如何将监听到的数据变化和解析后的html进行渲染实现双向数据绑定有挺多种方法：knockoutJS基于观察者模式的双向数据绑定，Ember基于数据模型的双向数据绑定，而angularjs是基于脏值检查。Vue则是基于数据劫持。基于数据劫持的优点无需显式调用。vue利用发布者订阅者模式+数据劫持，可以直接通知变化并
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他