WEB开发网
开发学院网页设计JavaScript Javascript乱弹设计模式系列 - 观察者模式(Obser... 阅读

Javascript乱弹设计模式系列 - 观察者模式(Observer)

 2010-09-14 13:35:51 来源:WEB开发网   
核心提示: 看到Subscriber实现类们的构造函数中的内容了么?它把出版者类参数赋值于Subscriber实现类们的Publisher对象,然后在该对象上注册this订阅者自己,Javascript乱弹设计模式系列 - 观察者模式(Observer)(5),这样Publisher对象上就注册了Su

看到Subscriber实现类们的构造函数中的内容了么?它把出版者类参数赋值于Subscriber实现类们的Publisher对象,然后在该对象上注册this订阅者自己,这样Publisher对象上就注册了Subscriber对象,并且以Array对象的方式存储起来;

5. 好了,IPublisher.js,ISubscriber.js,OrderData.js,Subscriber.js都创建好了,现在需要一个aspx界面来使用它们了:

<divid="Container">
  <tablewidth="600px"cellpadding="0"cellspacing="1"class="grid">
    <thead>
      <tr>
        <th>
          商品名
        </th>
        <th>
          市场价
        </th>
        <th>
          推荐指数
        </th>
        <th>
          数量
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <spanid="productName">你必须知道的.NET</span>
        </td>
        <tdalign="center">
          <spanid="productPrice">69.8</span>
        </td>
        <tdalign="center">
          <spanid="recommend">10</span>
        </td>
        <tdalign="center">
          <spanid="productCount">1</span>
        </td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <tdalign="right"colspan="4">
          <inputtype="button"id="btnSubmit"value="结算"/>
        </td>
      </tr>
    </tfoot>
  </table>
</div>
<divstyle="width:1000px;">
  <divid="MsgBoxContainer">
    <h2>
      您的短信箱</h2>
    <tablewidth="100%"cellspacing="1"cellpadding="0"class="grid">
      <thead>
        <tr>
          <th>
            内容
          </th>
          <thstyle="width:100px;">
            发布日期
          </th>
        </tr>
      </thead>
      <tbodyid="MsgBoxResult">
      </tbody>
    </table>
  </div>
  <divid="ThisOrderContainer">
    <h2>
      您刚提交的订单名片</h2>
    <divid="ThisOrderResult">
    </div>
  </div>
  <divid="OrderListContainer">
    <h2>
      您已买的商品列表</h2>
    <tablewidth="100%"cellspacing="1"cellpadding="0"class="grid">
      <thead>
        <tr>
          <th>
            商品名
          </th>
          <th>
            市场价
          </th>
          <th>
            推荐指数
          </th>
          <th>
            数量
          </th>
          <thstyle="width:100px;">
            发布日期
          </th>
        </tr>
      </thead>
      <tbodyid="OrderListResult">
      </tbody>
    </table>
  </div>
  <divclass="clear">
  </div>
</div>

上一页  1 2 3 4 5 6  下一页

Tags:Javascript 乱弹 设计模式

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接