Edit Grid and Master/Detail in TabStrip

[Hatsuki]

Hi everyone,
I get stuck in these two problems- Edit Grid and Master/Detail in TabStrip.
First of all, I would like to display the data of rows in the TabStrip with HTML because there are quite few of columns in the back end. After the onRowSelected is fired the specific value from the row is able to be show in textbox. When the button is click, I hope the grid should be updated through the Ajax databinding.

.DataBinding(dataBinding => dataBinding.Ajax().Update("_SaveEditing", "Grid")

I just wonder is it possible to call the Ajax method via Jquery button click event, Or Do you have any ideas?

Additionally, Although I knew how to make Master/Detail in the Grid via DetailView, I prefer to show the detail data in TabStrip by calling onRowSelected method

View:
.DataBinding(dataBinding => dataBinding.Ajax().Select("_SelectionClientSide_PricingMatrix", "Home" , new { Product = "Test1" }))

Controller:
[GridAction]
public ActionResult _SelectionClientSide_PricingMatrix(string Product)
{
return View(new GridModel<ProductVariants>
{
   Data=_ProductVariants.FindProductVariant(Product)
});
}

I just wonder are there any methods enable me to access ajax to configure the parameter through onRowSelected method.

jQuery('#PricingMatrix').tGrid(
{ajax:{"selectUrl":"/Home/_SelectionClientSide_PricingMatrix?Product=Test1"},

I have attached the simple project.

Thank you very much for your help and I really appreciate it.