Question

我正在使用DataTable v1.10.12，我可以很容易地获得第一个选定行的值：

var selectedRow = table.rows('.selected').data()[0];

该行也会突出显示，因此这部分很好。

现在，在其他一些未连接到我的DataTable的事件上，我需要以编程方式搜索表中的一行并选择它（即我想突出显示该行）及其页面。我用这种方式尝试了select() api：

$('#myTable').dataTable().select(rowToSelect);

其中rowToSelect与我之前在表中的selectedRow变量完全相同，但它不起作用（没有任何反应）。关于该页面，我试过

$('#myTable').dataTable().page(pageToSelect);

仍然没有。

基本上，我的方案是：用户返回Datatable，我想在重绘后仍然突出显示之前选择的行。

我该如何管理？

Answer 1

尝试此操作以选择行：

function crispshop_add_cart_ajax() {
    $prodID = $_POST['prodID'];
    WC()->cart->add_to_cart($prodID);
    $items = WC()->cart->get_cart();
    global $woocommerce;
    $item_count = $woocommerce->cart->cart_contents_count; ?>
    <span class="item-count"><?php echo $item_count; ?></span>
<h4> Cart </h4>
<div class="cart-dropdown-scroll">
<?php foreach($items as $item => $values) { 
    $_product = $values['data']->post; ?>
    <div class="dropdown-cart-wrap">
        <div class="dropdown-cart-left">
        </div>
        <div class="dropdown-cart-right">
            <h5><?php echo $_product->post_title; ?></h5>
            <?php global $woocommerce;
            $currency = get_woocommerce_currency_symbol();
            $price = get_post_meta( $values['product_id'], '_regular_price', true);
            $sale = get_post_meta( $values['product_id'], '_sale_price', true);
            ?> 
            <?php if($sale) { ?>
            <?php } elseif($price) { ?>
            <?php } ?>
        </div>
        <div class="clear"></div>
    </div>
<?php } ?>
</div>
<div class="dropdown-cart-wrap dropdown-cart-subtotal">
    <div class="dropdown-cart-left">
    <h6>Total</h6>
    </div>
    <div class="dropdown-cart-right">
        <h6><?php echo WC()->cart->get_cart_total(); ?></h6>
    </div>
    <div class="clear"></div>
</div>
<?php $cart_url = $woocommerce->cart->get_cart_url();
$checkout_url = $woocommerce->cart->get_checkout_url(); ?>
<div class="dropdown-cart-wrap dropdown-cart-links">
    <div class="dropdown-cart-left dropdown-cart-link">
        <a href="<?php echo $cart_url; ?>">Checkout</a>
    </div>
    <div class="dropdown-cart-right dropdown-checkout-link">
        <a href="<?php echo $checkout_url; ?>">Payment</a>
    </div>
    <div class="clear"></div>
</div>
<?php die();
}

add_action('wp_ajax_crispshop_add_cart', 'crispshop_add_cart_ajax');
add_action('wp_ajax_nopriv_crispshop_add_cart', 'crispshop_add_cart_ajax');

其中i是该行的索引。

在jQuery Datatable中以编程方式选择行和页面

1 个答案: