WebOfficeの初心者が知っておくべきJavascriptプログラミングの原則(1)

WebOfficeコントロールは、中国を代表するオンライン編集Officeドキュメントソフトウェアです。このソフトウェア製品は、1998年の設立から20年以上の歴史があり、多くの大中小企業、あらゆるレベルの政府機関、科学研究機関、学校、その他の機関にサービスを提供してきました。WebOfficeソフトウェアを使用すると、ユーザーはWord、Excel、Pptなどのドキュメントをリモートで簡単に開いて編集し、サーバーの元の場所に保存して、リモート編集とリモート保存を実現し、オンラインオフィスのユーザーに新しく便利なエクスペリエンスを作成できます。

Huidu.comはWebOfficeの公式バージョンを無料でダウンロードします

文書化の指示:

このドキュメントでは、WEBフロントエンドがWebOfficeコントロールを統合し、Javascriptプログラミングを介してコントロール機能インターフェイスの呼び出しを実現し、Webプロジェクトのニーズを解決する目的を達成する方法を包括的に紹介します。このフロントエンド設計を習得すると、任意のWebプロジェクトアーキテクチャに適合するビューレイヤーでのWebOfficeのソリューションを理解できます。 。

このドキュメントは、WebOfficeを初めて使用するユーザーが学習して使用するのに適しています。この記事を研究するには、次のコンピューター技術言語が必要です:HTML、Javascript

1.Javascriptプログラミングの原則

1.1。WebOfficeをWebページにロードし、プログラミングオブジェクトを取得して、指定された変数に格納します

WebOffice.rarインストールパッケージをダウンロードし、WebOfficeコンポーネントをローカルにインストールし、Webページにコントロールをロードします

以下はコントロールロードコードです。これらのコードは修正されています。Webページの対応する位置に配置するだけです。

<script language = "javascript">
if(!! window.ActiveXObject || "ActiveXObject" in window){
document.write( '<object classid = "clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase = "WebOffice .ocx#Version = 2019,1,7,3 "id =" WebOffice "width =" 900 "height =" 500 "> ');
document.write(' </ object> ');}
else
{
document.write ( '<object id = "WebOffice" CLSID = "{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE = "application / x-itst-activex" width = 100%height = 900> </ object>');
}
</ script>
上記のJSコードを介してコントロールオブジェクトを配置します。コントロールオブジェクトの名前は、上記のID属性(WebOffice)で定義されます。このように、次のコードを使用して、JSコードのWebOfficeコントロールにアクセスできます。varobj
= document.getElementById( 'WebOffice ');

运行上面此句后,则obj即为Javascript编程对象。大多数情况下建议对象名称统一为:WebOffice,即用下面代码获得控件对象:

var WebOffice = document.getElementById('WebOffice');

上記のJSステートメントの可変Webofficeは、コントロールのJSプログラミングオブジェクトです。

1.2、WebOfficeオブジェクトを使用して制御インターフェースにアクセスします

コントロールが正常にロードされると、次の図に示すように、コントロールによって表示されるインターフェイスが表示されます。これは、コントロールが正常にロードされていることを意味します。

WebOfficeの初心者が知っておくべきJavascriptプログラミングの原則(1)

上の図は、コントロールが実行された後のインターフェイスです。

コントロールが正常にロードされたら、JSコードを使用してコントロールプログラミングオブジェクトを取得し、コントロール関連のメソッドを呼び出して要件を満たします。たとえば、OPENメソッドを使用して、次のコードなどの指定されたWORDドキュメントを開きます。

VAR WebOffice =のdocument.getElementById( "WebOffice");
WebOffice.Open( ' http://www.officectrl.com/officecs/temp/word.doc ');
。1.3 Webページがロードされた後、指定された文書が自動的に開放されている
ウェブページの読み込みを実現コントロールが自動的に開かれた後、WebページのBODYタグのONLOADイベントでOpenメソッドが実行され、Openメソッドが実行される前に短い遅延処理機能が追加され、コントロールが完全にロードされた後にブラウザーがOpenメソッドを実行しやすくなります。

関数名:webopenをWebページタグ本体のonloadイベントに追加します。コードは次のとおりです。

<body topmargin = 0 leftmargin = 0 onload = "javascript:WebOpen();">

Webopen関数で、JS関数OpenDocumentの遅延応答実行を実装し、この関数OpenDocumentでOpenメソッドを実行します。JavaScript関数の実装は次のとおりです。
<script language = javascript>

関数WebOpen()

{{

   WebOffice = document.getElementById('WebOffice');//获得控件对象

   if (WebOffice){//等待控件初始化完毕,时间可以根据网络速度设定。

         setTimeout('OpenDocument()',1000);}  //1000代表1秒后执行

}

関数OpenDocument()

{{

   try{

          var strOpenUrl = ‘http://www.officectrl.com/officecs/temp/word.doc’;  

          document.getElementById('WebOffice').Open(strOpenUrl,true,"Word.Document");

   }catch(e) {

アラート(e);

   }

}

</ script>
正規のWebOfficeライセンスを購入する場合、または製品情報の詳細については、[オンラインカスタマーサービスに相談する]をクリックしてください。

GanttチャートまたはHuiduAPSシステムについて知りたい場合は、Huidu.comにログインし、オンラインカスタマーサービスに相談して問題を解決してください。
この記事は【HuiduTechnology】から複製されたものです。evgetはいかなる形式の再印刷も歓迎しますが、必ず出典を示し、元のテキストの関連リンクを変更せず、他の人の労働の成果を尊重してください。

おすすめ

転載: blog.51cto.com/14874181/2550327