سب2010 باستخدام الحوار مشروط للنماذج :أسئلة المبتدئين

Question

لذلك أحاول معرفة كيفية استخدام بعض جافا سكريبت من أجل استخدام مربع حوار مشروط لعرض نموذج عنصر جديد.ما يلي هو ما لدي حتى الآن ، لكنه لا يعمل ولست متأكدا من الجزء الخطأ والمفقود وما إلى ذلك.

//use a button for example
<input type="button" value="Launch Dialog" id="myDialog" onclick="openDiaForm();"/>

//inside script tags under PlaceHolder Main
function openDiaForm()
{
   var diaOptions = SP.UI.create_DialogOptions();
   diaOptions.url = 'http://mySPDev/sites/jQueryPractice/Lists/ExampleList/NewForm.aspx?ID=' + 1 + '&IsDlg=1';
   diaOptions.url += "?Source=" + document.url;
   diaOptions.width = 400;
   diaOptions.height = 300;
   diaOptions.title = "My Custom Dialog Form";
   diaOptions.dialogReturnValueCallback = function.createDelegate(null, CloseCallBack);
   SP.UI.ModalDialog.showModalDialog(diaOptions);
}

function CloseCallBack(result, returnValue)
{
   if (result == SP.UI.DialogResult.OK)
   {
      alert('clicked ok because I do not know how to work with result yet!');
   }
   else
   {
      alert('click cancel because I still do not know how to work with result!');
   }
}

لذلك أنا في الأساس أبحث فقط في تعلم كيفية فتح نموذج عنصر جديد لقائمة في مربع حوار مشروط.لم أتمكن بعد من العمل مع النتيجة من أجل القيام بذلك ، لكن في الوقت الحالي لا يمكنني الحصول على مربع الحوار.مرة أخرى, لقد وجدت مثالا وأحاول أن أتعلم مما لدي ولكني بحاجة إلى بعض المساعدة;أي مساعدة في هذا هو موضع تقدير كبير كما هو الحال دائما!

تحرير:نسيت أن أذكر أن لدي إشارة البرنامج النصي إلى sp.js في الصفحة;هل لديك إجراءات جافا سكريبت / مسج أخرى تعمل بشكل جيد.

Answer 1

الكود التالي يعمل.كانت هناك 2 الأخطاء التي علقت في التعليمات البرمجية.

//use a button for example
<input type="button" value="Launch Dialog" id="myDialog" onclick="openDiaForm();"/>

//inside script tags under PlaceHolder Main
function openDiaForm()
{
   //Use SP.UI.$create_DialogOptions() instead of SP.UI.create_DialogOptions()
   //The name of the method starts with a "$"
   var diaOptions = SP.UI.$create_DialogOptions();
   diaOptions.url = 'http://mySPDev/sites/jQueryPractice/Lists/ExampleList/NewForm.aspx?ID=' + 1 + '&IsDlg=1';
   diaOptions.url += "?Source=" + document.url;
   diaOptions.width = 400;
   diaOptions.height = 300;
   diaOptions.title = "My Custom Dialog Form";
   //Use Function.createDelegate(null, CloseCallBack) instead of function.createDelegate(null, CloseCallBack);
   //The createDelegate method is part of the Function object. "function" is used to define a new function.
   diaOptions.dialogReturnValueCallback = Function.createDelegate(null, CloseCallBack);
   SP.UI.ModalDialog.showModalDialog(diaOptions);
}

function CloseCallBack(result, returnValue)
{
   if (result == SP.UI.DialogResult.OK)
   {
      alert('clicked ok because I do not know how to work with result yet!');
   }
   else
   {
      alert('click cancel because I still do not know how to work with result!');
   }
}

Answer 2

يجب أن يفتح هذا البرنامج النصي نافذة منبثقة ولكنك ستحتاج إلى تحديث عناوين ورل ومعرف القائمة ليناسب بيئتك.

<script type="text/javascript">
function silentCallback(dialogResult, returnValue) { 
}


function refreshCallback(dialogResult, returnValue) { 
SP.UI.Notify.addNotification('Operation Successful!'); 
SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK); 
}

var orderPrinterOptions= { 
url: "/xxx/PrinterList/_layouts/listform.aspx?PageType=8&ListId={5BF16642-B7C4-4E54-  990D-E0E040F97DA9}&RootFolder=", 
title: "Order a Printer", 
allowMaximize: true, 
showClose: true, 
width: 650, 
height: 525,
dialogReturnValueCallback: silentCallback}; 

function orderPrinter() 
{SP.UI.ModalDialog.showModalDialog(orderPrinterOptions);} 
</script> 

<a href="javascript:orderPrinter()"><img width="234" height="232" alt="orderprinter.png" src="/xxx/PrinterList/Shared%20Documents/orderprinter.png" border="0" style="margin: 5px; width: 219px; height: 219px"/></a>
<div class="ms-rteFontSize-3" style="text-align:  center">Order&#160;New&#160;Printer&#160;</div>

يمكنك إدخال كل هذا الرمز مباشرة في جزء ويب لمحرر المحتوى. آمل أن يساعد هذا!