IT博客-咸鱼的翻身技术

Dialog的position的一个fix

hopesfish — Thu, 28 Jul 2011 02:42:00 GMT

如果屏幕高度小于Dialog高度，Dialog的top会是负数，可以写一类继承dijit.Dialog 然后把fix写在里面

dojo.provide("company.Dialog");

dojo.require("dijit.Dialog");
/**
* fix the same issue from the dijit.Dialog
*/
dojo.declare("company.Dialog", [dijit.Dialog],{
    /**
     * @see dijit.Dialog#postCreate
     */
    postCreate: function() {
      this.inherited(arguments);

      this.connect(this, "_position", "_fixPosition");
    },

    /**
     * fix the position while the dialog size is less than the browser screen
     */
    _fixPosition: function() {
        var mb = dojo._getMarginSize(this.domNode),
            viewport = dojo.window.getBox();

        if (viewport.h < mb.h) {
            var top = dojo.style(this.domNode, 'top');
            if (top < 0) {
                dojo.style(this.domNode, {top: '0'});
            }
        }
    }

hopesfish 2011-07-28 10:42 发表评论

dojo.data.ItemFileReadStore的一个关键属性hierarchical

hopesfish — Fri, 15 Jul 2011 09:57:00 GMT

hierarchical属性默认是true的，也就是能帮助你分析层次关系型的数据，但是由于json的灵活性，保不齐哪天后台返回的数据中的某个属性是object时，在没有定义好的id和label时，用到dojo.data.ItemFileReadStore的所有数据型widget都会出错

该类是一个非常值得投入时间的类，他能把关系型数据库做起来比较麻烦的事情丢给前台做，当然调试起来风险也蛮高

hopesfish 2011-07-15 17:57 发表评论

dojo.partial的官方例子增强

hopesfish — Thu, 14 Jul 2011 07:37:00 GMT

partial的强大不仅仅是预定义第0-n个入参的值，还可以分阶段预定义，如果用oo来说就是一个多态(?)
原例子地址：http://dojotoolkit.org/reference-guide/dojo/partial.html
监听按钮click事件的时候分别使用handler1和handler2有2种截然不同的结果
这个核心函数用js重写也是非常赞的一个尝试

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        script>
        <script type="text/javascript">
            dojo.require("dijit.form.Button");

            dojo.addOnLoad(function() {
                var myClick = function(firstValue, secondValue, event) {
                    var node = dojo.byId("appendLocation");
                    node.appendChild(document.createTextNode(firstValue));
            node.appendChild(document.createElement("br"));
            node.appendChild(document.createTextNode(secondValue));
            node.appendChild(document.createElement('br'));
        }
        var handler1 = dojo.partial(myClick, 'This is first text');
        var handler2 = dojo.partial(handler1, 'This is second text');

                dojo.connect(dijit.byId("myButton"), "onClick", handler2);
            });
        script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css"
        />
    head>


    <body class=" claro ">
        <button dojoType="dijit.form.Button" id="myButton">
            Click me to append in a preset value!
        button>
        <div id="appendLocation">
        div>

        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        script>
    body>

html>

hopesfish 2011-07-14 15:37 发表评论