Javascript Coldfusion AJAX复选框-通过jQuery或cfajaxproxy发布表单数据?

Javascript Coldfusion AJAX复选框-通过jQuery或cfajaxproxy发布表单数据?,javascript,jquery,ajax,data-binding,coldfusion,Javascript,Jquery,Ajax,Data Binding,Coldfusion,好的,这里是CF/AJAX新手。Im构建的是一个基本的数据库驱动的库存清单,该清单针对每个项目显示: 类别 股票编号ID 项目名称 物品图片 颜色 是否有库存的复选框-默认值为0 我使用cflayoutareas将库存分割成一个可折叠的手风琴,每个类别都有自己的部分。我们的目标是有一个简单的清单,当您勾选一个项目并更新数据库时,它会使每个项目变灰,并保留您在当前手风琴/列表中的位置。库存清单可能很长,200多个项目,因此我希望用AJAX干净地完成这项工作 我有它半工作,但它是非常粗糙的,因为它依

好的,这里是CF/AJAX新手。Im构建的是一个基本的数据库驱动的库存清单,该清单针对每个项目显示:

类别 股票编号ID 项目名称 物品图片 颜色 是否有库存的复选框-默认值为0 我使用cflayoutareas将库存分割成一个可折叠的手风琴,每个类别都有自己的部分。我们的目标是有一个简单的清单,当您勾选一个项目并更新数据库时,它会使每个项目变灰,并保留您在当前手风琴/列表中的位置。库存清单可能很长,200多个项目,因此我希望用AJAX干净地完成这项工作

我有它半工作,但它是非常粗糙的,因为它依赖于每次检查后/重新加载。我知道有一种简单而优雅的方法可以用AJAX编写代码,但我还无法从各种cfajax/bind/etc示例中拼凑出来。也许jQuery在这里会有所帮助?不确定。任何建议或指示都将不胜感激

以下是我到目前为止的粗略版本:

要更新数据库并重新加载列表,请执行以下操作:

正文中的表单将其自身发布,以循环浏览每个类别组的库存,并显示项目/复选框,如果tr已被勾选,则将其灰显:


这很难理解,如果不编写所有代码、创建db表等,很难复制,但是我有一个类似的例子,所以这里可能会有帮助,或者您可以发布一个示例页面链接
<cfif WhatsChecked NEQ "">
<cftransaction> 
    <cfquery name="UpdateChecks" datasource="#application.dsn#">            
        UPDATE inventorychecklist
        SET Checked = "1"
        WHERE ID IN (<cfqueryparam value="#FORM.WhatsChecked#" cfsqltype="cf_sql_varchar" list="true">)
    </cfquery>      
    <cfquery name="UpdateChecks0" datasource="#application.dsn#">
        UPDATE inventorychecklist
        SET Checked = "0"
        WHERE ID NOT IN (<cfqueryparam value="#FORM.WhatsChecked#" cfsqltype="cf_sql_varchar" list="true">)
    </cfquery>  
</cftransaction>
<cfquery name="LoadInventory" datasource="#application.dsn#">
SELECT * FROM inventorychecklist
WHERE AccountNumber = <cfqueryparam value="#Session.AccountNumber#" CFSQLType="cf_sql_varchar">
order by Category
<cfform name="MAINFORM" action="checklist.cfm" method="post">
<cflayout name="MainChecklist" type="accordion" width="640">
<cfoutput query="LoadInventory" group="Category">   
    <cflayoutarea title="#Category#, qty:#totalCount#" align="left">
        Category: #Category#"
        <table width="100%" cellpadding="0" cellspacing="0" border="0">         
            <tr>
                <td>stock number (ID)</td>
                <td>item name</td>
                <td>item picture</td>
                <td>color</td>
                <td>in stock?</td>
            </tr>           
            <cfoutput>
            <!--- If item is checked off, gray out the row --->
            <cfif "#LoadInventory.Checked#" EQ 1>
                <tr bgcolor="##333333">
            <cfelse>
                <tr>
            </cfif>
                <td>#ID#</td>
                <td>#LoadInventory.ItemName#</td>
                <td><img src="images/#LoadInventory.Category#/#LoadInventory.Item#.jpg"></td>
                <td>#LoadInventory.Color#</td>
                <td>
                <input type="checkbox" name="WhatsChecked" value="#ID#" <cfif "#LoadInventory.Checked#" EQ 1>checked="checked"</cfif> onclick="this.form.submit();">
                </td>
            </tr>
            </cfoutput>         
        </table>            
    </cflayoutarea>
</cfoutput>