动态分配ID

Dynamically assign ID

本文关键字:ID 动态分配      更新时间:2023-09-26

我使用nodejs和expressjs。

我从数据库中加载一个列表。选择列表中的任何一个元素,就会出现一个覆盖,用于编辑和删除所选项目。我不知道如何将选中的列表项发送到快递路线。

我认为需要做的是:动态地为叠加上的按钮分配一个ID。我试着做一个jfiddle,但是覆盖不起作用。

任何想法?我正在用jquery滑动覆盖层进入视图。

感谢您花时间阅读这篇文章

我有一个动态创建的列表,每个项目的类为"。"recordlongpress",我将这个Jquery功能应用到它。

    $(document).ready(function(){           
    $('.recordlongpress').bind('tap', function() {
        return;
    });
    $('.recordlongpress').bind('taphold', function() {
        $('#overlay').fadeIn('fast',function(){
            $('#box').animate({'top':'100px'},500);
        }); 
    });
    $('#boxclose').click(function(){
        $('#box').animate({'top':'-100px'},500,function(){
            $('#overlay').fadeOut('fast');
        });
    });
});
这是我的叠加效果这是CSS和HTML的组合效果
    <div class="overlay" id="overlay" style="display:none;"></div>
    <div class="box" id="box">  
        <a class="boxclose" id="boxclose"></a>
            <button onclick="location.href='/scape/editcustomerform/id'">Edit Contact</button>
            <button onclick="location.href='/scape/deletecustomer/ID'">Delete Contact</button>
            <button>E-mail Customer</button>
            <button>Call Customer</button>
            <button>GPS to Address</button>
            <button>Create Quote</button>
            <button>Create Sales Order</button>
            <button>Create Cash Sale</button>
        </div>
    </div>

我试图将路径id附加到路由的末尾,但它只是字面上的单词id。谢谢您的帮助

试试这个:

var box     = document.getElementById('box'),
    buttons = box.getElementsByTagName('button');
for(var i = 0; i < buttons.length; i++){
    buttons[i].id = [ 'my', 'button', 'id', i ].join('-');
}

JsFiddle

同样,你也可以尝试"映射"动作:

var box     = document.getElementById('box'),
    buttons = box.getElementsByTagName('button');
var map = [
    'editcustomerform',
    'deletecustomer',
    'emailcustomer',
    'callcustomer',
    'gpstocustomer',
    'createquote',
    'createsalesorder',
    'createcashsale'
];
for(var i = 0; i < buttons.length; i++){
    buttons[i].id = [ 'my', 'button', 'id', i ].join('-');
    buttons[i].onclick = function(){ location.href = [ '/scape', map[i], 'id' ].join('/'); }
}