使用Javascript内联编辑HTML表格

使用Javascript内联编辑HTML表格

本文介绍了使用Javascript内联编辑HTML表格的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个像下面这样的html表,所以我需要使用javascript内联编辑单元格值。

I have one html table like below, so i need to edit cell values inline using javascript.

<table id="myTable" width="50%">
    <tr>
        <% Html.BeginForm("Add","Holidays", FormMethod.Post); %>
            <td><input id="Date" type="text" name="date" style="width:250px"/></td>
            <td><input id="Description" type="text" name="Description" style="width:250px"/></td>
            <td><input type="submit" name="submitButton" value="Add" class="highlight"/></td>
        <% Html.EndForm(); %>
    </tr>
        <tr>
            <th>Date</th>
            <th>Description</th>
            <th>Edit</th>
        </tr>
    <%foreach (Holiday kvp in (IList<Holiday>)ViewData["Holidays"])
      {%>
    <tr>
        <td><%= kvp.Date.ToString("dd/MM/yyyy") %></td>
        <td><%= kvp.Description %></td>
        <td><%: Html.ActionLink("Edit", "Edit", "Holidays", new { year = kvp.ID.ToString("yyyy"), holidayid = kvp.ID, name = kvp.Description, date = kvp.Date },  new { @style = "color:Blue;font-size: 11px;text-decoration:none;" })%></td>
    </tr>
    <%} %>



    </table>





请帮助我。



编辑:

我的意思是在客户端编辑选项,如下所示



日期说明

01/0 1/2013测试1



现在,如果我希望更改日期为02/02/2013内联使用javascript,当我点击该日期时,只需在客户端更改,如描述。



问候

Srinivas



Please can help me.


I mean just edit option on client side like below

Date Description
01/01/2013 Test1

now if i want change date as 02/02/2013 inline using javascript when i click on that date just change at client side like description.

Regards
Srinivas

推荐答案


这篇关于使用Javascript内联编辑HTML表格的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-06 23:46