2018-02-07 Ztree函数、问题、AugularJS-功能介绍1、Pygame编写游戏、设计模式

第一组:姚成栋 Ztree基础

  1. 如果ztree要调用函数,如调用某个方法,需要在setting进行配置,如

function zTreeOnClick(event, treeId, treeNode) {
   };
var setting = {
    callback: {
        onClick: zTreeOnClick
    }
};
  1. 比如,在页面上点击树节点后显示其名称相同的数据,


    2018-02-07 Ztree函数、问题、AugularJS-功能介绍1、Pygame编写游戏、设计模式_第1张图片
    image.png

    代码如下:

  //获取树形结构
        var zTreeObj;
        // zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
        var setting = {
            callback: {
                onClick: zTreeOnClick
            }
        };
        // zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解)
        var zNodes = [
        //数据
        ];
        $(document).ready(function () {
            zTreeObj = $.fn.zTree.init($("#Typetree"), setting, zNodes);
        });
    }
  1. 当然别忘记一开始要加载树
 //获取树形结构
        var zTreeObj;
$(document).ready(function () {
            zTreeObj = $.fn.zTree.init($("#Typetree"), setting, zNodes);
        });


第二组:赵彩凤

问题:
AngularJS 日期控件-年度选择 怎么给默认值?

image.png

目前给日期控件 placeholder=" {{year }}",js获取当前年..仅显示
后台处理:若传过来日期为空,则按当前年查询
问如何给年度时间控件默认值?


第三组:蔡永坚 AugularJS-功能介绍1

数据绑定

AngularJS的双向数据绑定,意味着你可以在Mode(JS)中改变数据,而这些变动立刻就会自动出现在View上,反之亦然。即:一方面可以做到model变化驱动了DOM中元素变化,另一方面也可以做到DOM元素的变化也会影响到Model。
从View到Controller再到View的数据交互(例01):



……



Hello, {{ user.name }}!

关键: ng-app 、 ng-model 和 { {user.name } }

首先: 元素的ng-app属性。标识这个DOM里面的内容将启用AngularJS应用。

其次:告诉AngularJS,对页面上的“user.name” 这个Model进行双向数据绑定。

第三:告诉AngularJS,在“{{ user.name}}”这个指令模版上显示“user.name”这个Model的数据。

scopes、module、controller
scopes

$scope是一个把view(一个DOM元素)连结到controller上的对象。在我们的MVC结构里,这个 $scope 将成为model,它提供一个绑定到DOM元素(以及其子元素)上的excecution context。

尽管听起来有点复杂,但 $scope 实际上就是一个JavaScript对象,controller和view都可以访问它,所以我们可以利用它在两者间传递信息。在这个 $scope 对象里,我们既存储数据,又存储将要运行在view上的函数。

每一个Angular应用都会有一个 $rootScope。这个 $rootScope 是最顶级的scope,它对应着含有 ng-app 指令属性的那个DOM元素。

app.run(function($rootScope) { $rootScope.name = "张三"; });

如果页面上没有明确设定 $scope ,Angular 就会把数据和函数都绑定到这里, 第一部分中的例子就是靠这一点成功运行的。

这样,我们就可以在view的任何地方访问这个name属性,使用模版表达式{{}},像这样:{{ name }}

module

首先需要明确一下模板的概念。在我还不知道有模板这个东西的时候,曾经用js拼接出很长的HTML字符串,然后append到页面中,这种方式想想真是又土又笨。后来又看到可以把HTML代码包裹在一个

你可能感兴趣的:(2018-02-07 Ztree函数、问题、AugularJS-功能介绍1、Pygame编写游戏、设计模式)