Hello,
 
I would like to ask about passing the ID to Kendo grid inside the same kendo popup window. I have a popup window where it contain;
 
1. Input textbox to set the question.
2. Grid to set the answers (multiple choice).
 
(Refer Add Question.PNG)
 
 
Both are from the different tables in database And the tables are connected using QuizQuestionId inside the Answer Table.
 
(Refer Question.PNG) and (Refer Answer Table.PNG)
 
My problem is, I cannot add the answer inside because I dont have the QuizQuestionId (because I dont add the question yet into the database since both question and answer are inside the same window)
 
However, when I click Next button, I can save my question
 
My question is is there any way to solve my problem ?
 
Please let me know if you have any question about this.
 
Thank you.
 
This is my next button function
  1. function SaveAndGetNextQuestion(quizId, questionId) {  
  2. //alert('Quiz ID: ' + quizId + '\nQuestion ID: ' + questionId);  
  3. _url = "@Url.Action("", "QuizQUestion")",  
  4. isCreateOperation = questionId == null;  
  5. if (isCreateOperation)  
  6. _url = _url + "/Create";  
  7. else  
  8. _url = _url + "/Edit";  
  9. $.ajax({  
  10. method: "POST",  
  11. url: _url,  
  12. data: {  
  13. QuizId: quizId,  
  14. Id: questionId,  
  15. Question: $("#Question").val(),  
  16. QuestionTypeId: $("#QuestionTypeId").val(),  
  17. //QuestionNumber: Ques  
  18. }  
  19. }).done(function (response) {  
  20. console.log("respond", response);  
  21. if (response.IsSucceeded == true) {  
  22. console.log(response)  
  23. $("#questionWin").data("kendoWindow").close();  
  24. if (isCreateOperation !== null) {  
  25. //Ajax request to Get Guestions for Quiz  
  26. //Open question window  
  27. //e.preventDefault();  
  28. var questionTemplate = kendo.template($("#NextQuestionTemplate").html());  
  29. $.ajax({  
  30. method: "GET",  
  31. url: "@Url.Action("GetQuestionByQuizId", "QuizQuestion")",  
  32. data: { QuizId: quizId }  
  33. })  
  34. .done(function (question) {  
  35. var questionWnd = $("#questionWin").data("kendoWindow");  
  36. questionData = { QuizId: quizId, Id: questionId };  
  37. if (question == null) {  
  38. // Create Mode  
  39. questionWnd.content(questionTemplate(questionData));  
  40. }  
  41. else { // Edit Mode  
  42. questionWnd.content(questionTemplate(questionData));  
  43. }  
  44. questionWnd.center().open();  
  45. }).fail(function (msg) {  
  46. result.html("Oops! operation is failed");  
  47. result.show();  
  48. })  
  49. }  
  50. }  
  51. else {  
  52. // display Error messages  
  53. var ul = $("");  
  54. $.each(response.Message, function (index, item) {  
  55. ul.append($("").html("" + item + ""));  
  56. });  
  57. var status = $(".result-status");  
  58. status.append(ul);  
  59. status.addClass("text-danger");  
  60. }  
  61. }).fail(function (msg) {  
  62. result.html("Oops! operation is failed");  
  63. result.show();  
  64. });  
  65. return questionId;  
This is my view inside the popup window
  1. "text/x-kendo-template" id="NextQuestionTemplate">  
  2. class="form-group">  
  3.   
  4. class="col-md-10">  
  5. class="k-edit-label col-md-2">  
  6. for="QuestionTypeId">Quiz Type  
  
  • class="editor-field col-md-6">  
  • @(Html.Kendo().DropDownList()  
  • .DataTextField("Name")  
  • .DataValueField("Id")  
  • .DataSource(source =>  
  • {  
  • source.Read(read =>  
  • {  
  • read.Action("GetQuestionTypeList", "ListService");  
  • });  
  • })  
  • .Name("QuestionTypeId").ToClientTemplate()  
  • )