|
|
下面介紹的就是用Silverlight （微軟在07 年9 月將WPF/E 更名為Silverlight ）融合ajax 做的審批流程。界面上的審批流程從下向上包括3部分，部門審批，科技處審批，廠長審批。實現(xiàn)的功能是可以定制審批流程，比如審批流程是部門審批--> 廠長審批，也可以定制成科技處審批--> 廠長審批。定制的數(shù)據(jù)存在后臺xml 文件中。
前臺Silverlight 表現(xiàn)層語言xaml , 后臺服務器腳本語言C# ，數(shù)據(jù)存儲格式xml ，中間數(shù)據(jù)傳輸技術ajax 。
.NET中嵌入Silverlight Page 的方法是在ASPx 中調(diào)用js 函數(shù)傳遞xaml 文件相對于服務器的路徑，如下：
復制代碼 代碼如下:
<div style="width: 662px;height: 622px" id="SilverlightControlHost" >
<script type="text/Javascript"><!--
createsL( 'workflow.xaml' );
// --></script>
</div>
函數(shù)調(diào)用Silverlight 的createObjectEx 方法指定xaml source 、parentElement 、events 等，相應代碼如下：
復制代碼 代碼如下:
function createSL(xamlpage)
{
Silverlight.createObjectEx({
source: xamlpage,
parentElement: document.getElementById("SilverlightControlHost"),
id: "SilverlightControl",
properties: {
width: "100%",
height: "100%",
version: "1.1",
enableHtmlAccess: "true"
},
events: {
onLoad:OnLoaded
}
});
// Give the keyboard focus to the Silverlight control by default
document.body.onload = function() {
var silverlightControl = document.getElementById('SilverlightControl');
if (silverlightControl)
silverlightControl.focus();
}
}
還要做的工作是在xaml 后臺cs 文件中[ Scriptable ] 表現(xiàn)層WPF 類(當初是Cavas)，將該類注冊為可腳本化對象(RegisterScriptableObject)和可腳本化event ，并且在js 的events 設定表現(xiàn)層中的event ，實現(xiàn)方法如下：
xaml代碼：
[Scriptable]
復制代碼 代碼如下:
public partial class workflow : Canvas
{
public workflow()
{
WebApplication.Current.RegisterScriptableObject("wpfe", this);
}
......
[Scriptable]
public event EventHandler workflowFunc;
}
js代碼：
復制代碼 代碼如下:
function OnLoaded(sender,args)
{
sender.Content.wpfe.workflowFunc = onWorkflow;
}
另外，如果js 調(diào)用xaml 中的可腳本化函數(shù)的方法是
var control = document.getElementById("SilverlightControl");
var onReturnWfResult = control.Content.wpfe;
將xaml 中數(shù)據(jù)傳輸給后臺處理就用到ajax 技術了，在本例中是在onWorkflow 事件中定義XMLHttpRequest，然后通過該ajax 對象將數(shù)據(jù)傳遞到后臺。該例中的后臺腳本語言是C# ，數(shù)據(jù)接收方法是Request.Params 。
AspNet技術：Silverlight融合ajax實現(xiàn)前后臺數(shù)據(jù)交互，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
