finderJS 运用

创建时间： 2011年5月12日

Finder 按钮操作区域

如图Finder区域
按钮操作区域 按钮submit表示要选译finder数据才会请求,href则直接请求。

对选择Finder数据的操作，需在按钮上绑定属性submit指定提交地址，通过按钮上的target属性和confirm属性判断处理类型.

常用处理类型:

1. Dialog (弹出对话框) 类型有参数则用两个冒号（::）隔开 如:

   target="dialog::{width:400,title:'设置标签'}";
   

2. Confirm (选择提示框)
3. _blank (弹出新页面)
4. Wpage (Ajax请求)
5. refresh (刷新finder)

• 按钮区域中选择列表数据后弹出Dialog,将url地址绑定到submit属性中,

  <a href="javascript:void(0);" target="dialog::{width:400,height:170,title:'导出'}" submit="index.php?" icon="download.gif" label="导出">
      <span>导出</span></a>
  

• 选择列表数据刷新finder时target='refresh'

  <a target="refresh" submit="index.php" icon="download.gif" label="商品上架" href="javascript:void(0);"><span>商品上架</span></a>
  

• 选择列表判断提示操作加选择提示框

<a href="javascript:void(0);" submit="index.php?" confirm="确定删除选中项？删除后可进入回收站恢复" icon="del.gif" label="删除"><span>删除</span></a>

1. 后台所有请求，后台系统会将标有href属性的标签拦截成ajax请求

   如请求要弹出dialog：

   <a target="dialog::{width:300,title:'配置列表项'}" href="index.php" title="列表项配置" class="lnk-operation"><span>列表项配置</span></a>
   

2. finder常用操作
   • a.刷新finder

     finderGroup[finderID],refresh();   //finderID需PHP后台抛出
     

   • b.在新页面刷新finder

     opener.finderGroup[finderID],refresh();  /finderID需PHP后台抛出
     

   • c.关闭dialog 获取dialog页面中的任意一个元素如element,

     element.getParent('.dialog').retrieve('instance').close();
     

     或者为某个元素添加isCloseDialogBtn属性如：

     <span isCloseDialogBtn=true>取消</span >
     

   • d.提交dialog中的表单关闭dialog并刷新finder. 先获得dialog中的from元素,如_from;

     _from.store('target',{onComplete:function(response){
     	_from.getParent('.dialog').retrieve('instance').close();     //此处可加入提交成功任何处理代码
     finderGroup[finderID],refresh();
     }});
     

     或在dialog中的from元素中加入属性isCloseDialog,如要刷新finder则在返回中返回

     JSON( {finder_id:'eff564'} );