如何显示所选项目进行编辑 [英] how to display selected item for edit

查看:96
本文介绍了如何显示所选项目进行编辑的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,



我使用knockout.js列出和编辑数据。目前我面临的一个问题是,当我克隆列表中的一个项目时,我无法在视图页面中查看它以进行编辑。我正在选择项目:



 <   tr     data-bind   = 点击:$ root.AddJob >  





在我的javascript文件中添加一个功能



 self.AddJob = function(Job){
self.JobTitle = Job.JobTitle;
self.JobID = Job.JobID;
self.JobDesc = Job.JobDesc;
};







现在我有一个ViewTicket部分视图,用于查看所选项目编辑。我正在调用部分视图:



 <   div     id   =  ViewTicketpopup    style   =  display:none >  
@ Html.Partial(_ ViewTicket)
< / div >







 <   script    类型  =  text / javascript >  
$(document).ready(function(){
$('#listingtr')。click(function(event){
$( #ViewTicketpopup )对话框( 开放);
$('#ViewTicketpopup')。dialog({
height:430,
width:700,
modal:true,
title:'View Ticket'
});
返回false;
});
});
< / script >







当我点击弹出窗口显示的一个项目,但我不知道如何发送显示所选项目。在局部视图中,我绑定了所有要显示的元素。现在我被困在显示所选项目.plz帮助我

解决方案

root.AddJob >





在我添加的javascript文件中一个函数



 self.AddJob = function(Job){
self.JobTitle = Job.JobTitle;
self.JobID = Job.JobID;
self.JobDesc = Job.JobDesc;
};







现在我有一个ViewTicket部分视图,用于查看所选项目进行编辑。我正在调用部分视图,如:



 <   div     id   =  ViewTicketpopup    style   =  display:none >  
@ Html.Partial(_ ViewTicket)
< / div >







< pre lang =xml> < script 类型 = text / javascript >


(document).ready(function(){


( #listi ngtr')。click(function(event){


Hi All,

I am using knockout.js for listing and editing data. Currently i am facing one issue is that , when i clik on one item in a list ,i cant view it for edit in view page. i am getting selected item :

<tr data-bind="click: $root.AddJob">



in my javascript file i add one function

self.AddJob = function (Job) {
       self.JobTitle = Job.JobTitle;
       self.JobID = Job.JobID;
       self.JobDesc = Job.JobDesc;
   };




now i have a ViewTicket partail view for view the selected item for edit. i am calling partial view like:

<div id="ViewTicketpopup" style="display:none">
   @Html.Partial("_ViewTicket")
</div>




<script type="text/javascript">
        $(document).ready(function () {
            $('#listingtr').click(function (event) {
                $("#ViewTicketpopup").dialog("open");
                $('#ViewTicketpopup').dialog({
                    height: 430,
                    width: 700,
                    modal: true,
                    title: 'View Ticket'
                });
                return false;
            });
        });
    </script>




when i click one item the popup will show ,but i dont know how to send the selected item for display.In partial view i binded all the elements for display.so now i am stuck in displaying selected item.plz help me

解决方案

root.AddJob">



in my javascript file i add one function

self.AddJob = function (Job) {
       self.JobTitle = Job.JobTitle;
       self.JobID = Job.JobID;
       self.JobDesc = Job.JobDesc;
   };




now i have a ViewTicket partail view for view the selected item for edit. i am calling partial view like:

<div id="ViewTicketpopup" style="display:none">
   @Html.Partial("_ViewTicket")
</div>




<script type="text/javascript">


(document).ready(function () {


('#listingtr').click(function (event) {


这篇关于如何显示所选项目进行编辑的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆