在PeopleTools新版本中更简单的使用Jquery (PT8.53-PT8.57)

在Peopletools 8.53以后的版本中,jquery已经集成在系统中。这样我们更加简单的使用Jquery。

Jquery集成情况: 

Jquery 1.6x (8.53/8.54)

Jquery 2.x(8.55/8.56/8.57)

在一个普通页面使用Jquery

1.如果系统支持“Component Branding”

可以通过以下步骤使用Jquery:

1)通过这个路径:"PeopleToos"->"Portal"->"Branding"->"Component Branding"

2)添加你要使用Jquery的Component

3)  添加Jquery到这个Component

 

4)在测试页面上添加一个Htmlarea field并且添加以下测试代码:

<script type="text/javascript">

ptjq2x(document).ready(function() {

     alert("Test Jquery");

});

</script>

2.不使用“Componet Branding”

1)创建一个Derived的Record“TEST_JS_WRK”

2)Add a htmlarea field into it

3)在这个field的Rowinit中添加以下代码:

Local string &jQueryJS = Response.GetJavaScriptURL(HTML.PT_JQUERY_2_X_JS);

&html = GetHTMLText(HTML.TEST_JS_LIB, &jQueryJS);

&html = &html | "<script type='text/javascript'>";

&html = &html | "ptjq2x(document).ready(function() { alert('test Query';});";

&html = &html | "</script>";

TEST_JS_WRK.HTMLAREA.Value = &html;

4) 在测试页面添加一个html filed,并修改属性如下:

 

3.使用Jquery来修改Search Page

因为Peoplesoft的Search Page(经典页面)是系统生成的,可以采用注入系统HTML Object的方法来做。

本例中我们采用修改PT_COMMON的方法,因为这个对象所有的经典页面都会载入。我们要做的效果是,可以用Jquery来隐藏“Advaced Search”

具体步骤如下:

1)打开Html对象“PT_COMMON”

2)在对象末尾添加如下代码:

%include(PT_JQUERY_2_X_JS);

ptjq2x(document).ready(function($) {

$("a[name='#ICSaveSearch']").hide();

}

});

随便打开一个含有search的页面,效果如下:(红圈部分修改以前是Advanced Serch)

4.“Component Branding” 修改Seach Page

用这种方法可以实现对Componet search page的定制。  比方法3更通用。

步骤如下:

1)新建一个html对象,拷贝如下代码,并存为“TEST_HIDE_ADV”
ptjq2x(document).ready(function($) {

$("a[name='#ICSaveSearch']").hide();

}

});

2)通过这个路径:"PeopleToos"->"Portal"->"Branding"->"Component Branding"打开需要修改的search page的component

3)添加JQuery和这个新建的HTML对象:

 通过上述步骤可以实现和方法3一样的功能,而且对Component进行了定制。

猜你喜欢

转载自www.cnblogs.com/MofengMa/p/10265777.html
pt